Efficiently encode images herstellen in PageSpeed Insights

Efficiently encode images is een compressiecheck, geen layoutcheck. PageSpeed Insights bekijkt elke JPEG, PNG en WebP op de pagina en schat hoeveel kilobytes u kunt schrappen door opnieuw te coderen bij vergelijkbare zichtbare kwaliteit. Het zegt niet dat de foto het verkeerde format heeft, en het zegt niet dat de pixels te groot zijn - dat zijn andere audits (Serve images in next-gen formats en Properly size images).

Het rapport noemt de bestanden. U moet die originelen nog steeds van uw site of CMS ophalen, ze hercoderen en de kleinere kopieën terugzetten. EditItAll crawlt uw URL niet en praat niet met PageSpeed Insights. Het doet alleen de hercodering, in uw browser.

Open de JPEG-compressor (of de bijpassende PNG- / WebP-tool als dat is wat het rapport opsomde) en zet de zware originelen erin:

• Laat de kwaliteit voor foto's rond 80. Dat is op een scherm meestal niet te onderscheiden en is dezelfde band die de JPEG-kwaliteitsgids aanbeveelt.
• Is een foto duizenden pixels breed maar wordt die op een fractie daarvan getoond, zet de max. afmeting dan op 1920 of 1280 - dat zijn de echte opties op de compressor. Te grote pixels zijn de andere helft van het paginagewicht; zie JPEG comprimeren voor het web.
• Lees de in → uit-grootte in de resultatenlijst. Nog te groot? Verlaag de kwaliteit ongeveer tien punten en voer opnieuw uit. Er is geen vak “comprimeren tot N KB” - grootte is een uitvoer.

Exporteer, download, vervang de bestanden op uw server of in uw CMS en voer PageSpeed Insights opnieuw uit. Alles bleef op uw apparaat; u kunt offline gaan nadat de pagina is geladen. EXIF wordt bij export verwijderd.

Als de winst na een JPEG-hercodering klein lijkt, vraagt PageSpeed Insights misschien ook om een modern format. WebP en AVIF verslaan JPEG bij dezelfde zichtbare kwaliteit meestal. Converteer een kopie met JPG naar WebP of de WebP-compressor en vergelijk de vermelde groottes. Houd een JPEG-fallback als u nog oudere browsers bedient.

PNG-foto's horen bijna nooit op een webpagina. Converteer die naar JPG of WebP; lossless PNG opnieuw comprimeren krimpt een foto nauwelijks. Het cluster afbeeldingen comprimeren gaat dieper in op de formatkeuze.

Hercoderen maakt van een hero van 4000 pixels geen passend beeld in een slot van 800 pixels - dat is Properly size images, en daarvoor is een kleinere pixelgrootte nodig. Het lazy-loadt geen afbeeldingen onder de vouw, en het schrijft geen srcset voor u. EditItAll kan ook niet automatisch een kilobyte-doel halen of JPEG-artefacten verwijderen die al in het bestand zitten. Comprimeer één keer vanaf het origineel, en stop dan.