Skip to content

perf(images): use webp format and 80% quality for embedded images#57

Merged
CalvinAllen merged 1 commit intomainfrom
perf/images/webp-optimization
Jan 29, 2026
Merged

perf(images): use webp format and 80% quality for embedded images#57
CalvinAllen merged 1 commit intomainfrom
perf/images/webp-optimization

Conversation

@CalvinAllen
Copy link
Collaborator

Summary

  • Updates PostCard and PostLayout Image components to use webp format
  • Sets quality to 80% instead of 100%
  • Significantly reduces file sizes for displayed images
  • Original images remain at full quality for lightbox viewing

Changes

  • PostCard.astro: Changed from quality={100} format="png" to quality={80} format="webp"
  • PostLayout.astro: Added quality={80} format="webp" to cover image

Test plan

  • Build the site and compare output sizes
  • Verify images still look good at 80% quality
  • Confirm lightbox still shows full-quality originals

Optimizes displayed images while originals remain at full quality for
lightbox viewing.
@CalvinAllen CalvinAllen merged commit 7e975ae into main Jan 29, 2026
2 checks passed
@CalvinAllen CalvinAllen deleted the perf/images/webp-optimization branch January 29, 2026 14:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant