Compress images for faster websites & better Core Web Vitals
Images are usually the heaviest thing on a page. Here's how to compress them for great Largest Contentful Paint without hurting quality.
If your site feels slow, images are the first place to look. They're typically the largest assets on a page and the most common cause of a poor Largest Contentful Paint (LCP) score.
Right-size before you compress
Don't serve a 4000px photo into a 800px slot. Resize to the largest size it will actually be displayed at (account for high-DPI screens with roughly 2x), then compress.
Use a modern format
Converting JPGs to WebP or AVIF often cuts size by a third or more at the same quality. That directly improves load time and LCP.
Target a budget
- Hero images: aim for under ~150-200 KB where possible.
- Thumbnails and inline images: often under 50 KB.
- Use exact-size targeting to keep every image within budget.
Batch the whole folder
ShrinkTo can compress an entire batch at once and hand you a ZIP - useful for processing a whole gallery or content folder before deploying.