Images are usually the heaviest thing on a web page. Optimising them is the single highest-leverage performance win for most sites.
Pick the right format
- JPG — photographs and complex imagery.
- PNG — graphics needing transparency or sharp edges.
- WebP — modern format with excellent compression for both.
- SVG — logos and icons that must scale crisply.
Compress intelligently
Most images can be compressed by 60–80% with no perceptible quality loss. The trick is choosing a quality level that removes invisible data while preserving detail — exactly what the Image Compressor recommends for you.
Always resize to the largest size you actually display. Serving a 4000px image into a 400px slot wastes bandwidth.
Serve responsibly
Use width and height attributes to prevent layout shift, lazy-load below-the-fold images, and provide responsive sources so each device downloads an appropriately sized file.
