Afbeeldingen optimaliseren

Deze regel wordt geactiveerd wanneer PageSpeed Insights detecteert dat de afbeeldingen op de pagina kunnen worden geoptimaliseerd om ze kleiner te maken zonder de afbeeldingskwaliteit significant te verslechteren.

Overzicht

Houd afbeeldingen zo klein mogelijk om de laadtijd voor resources te verkorten. U kunt vele bytes aan gegevens besparen door afbeeldingen correct op te maken en te comprimeren. Gebruikers met een langzame verbinding kunnen zo tijd besparen en gebruikers met beperkte gegevensabonnementen kunnen geld besparen.

Aanbevelingen

U moet zowel algemene als geavanceerde optimalisatie voor alle afbeeldingen uitvoeren. Algemene optimalisatie omvat het bijsnijden van ongewenste delen, beperken van de kleurdiepte tot het laagst aanvaardbare niveau, verwijderen van opmerkingen bij afbeeldingen en het opslaan van de afbeelding in een geschikte indeling. U kunt algemene optimalisatie uitvoeren met elk bewerkingsprogramma, zoals GIMP. Geavanceerde optimalisatie omvat verdere (lossless) compressie van JPEG- en PNG-bestanden.

Een afbeeldingscompressor gebruiken

Er zijn verschillende tools beschikbaar om verdere, lossless compressie van JPEG- en PNG-bestanden uit te voeren, zonder dat dit een negatieve invloed op de afbeeldingskwaliteit heeft. Voor JPEG raden we jpegtran of jpegoptim (alleen beschikbaar voor Linux; voer dit uit met de optie --strip-all) aan. Voor PNG raden we OptiPNG of PNGOUT aan.

Een geschikte bestandsindeling voor afbeeldingen kiezen

U moet testen welke indeling het meest geschikt is voor uw afbeelding. We hebben echter enkele algemene aanbevelingen:

  • PNG-bestanden zijn bijna altijd beter dan GIF-bestanden, hoewel bepaalde oudere versies van browsers slechts gedeeltelijke ondersteuning voor PNG bieden.
  • Gebruik de GIF-indeling voor zeer kleine of eenvoudige afbeeldingen (bijvoorbeeld kleiner dan 10 x 10 pixels of met een kleurpalet van minder dan drie kleuren) en voor afbeeldingen met animatie.
  • Gebruik de JPG-indeling voor alle fotografische afbeeldingen.
  • Gebruik geen BMP- of TIFF-bestanden.