Afbeeldingscompressie

Silktide laadt je pagina's in een echte browser en identificeert fotografische afbeeldingen die verder kunnen worden gecomprimeerd zonder zichtbaar kwaliteitsverlies. Voor elke afbeelding wordt de huidige grootte vermeld, evenals de besparing die een betere compressie zou opleveren.

Waarom dit belangrijk is

Een onvoldoende gecomprimeerde foto kan meerdere keren groter zijn dan nodig, terwijl hij er voor het oog identiek uitziet. De gebruikelijke oorzaak is dat afbeeldingen rechtstreeks vanuit een camera of ontwerptool worden geüpload naar een dat ze niet optimaliseert: met één upload downloadt elke bezoeker megabytes die niet nodig zijn, op elke pagina waarop de afbeelding verschijnt. Trage pagina's verliezen bezoekers en hebben via invloed op de zoekranking.

Compressie levert bijna gratis betere prestaties op: als het goed wordt gedaan, verandert er visueel niets.

Zo los je het op

Exporteer de gemelde afbeeldingen opnieuw met een verstandige compressie. Voor JPEG's is een kwaliteit van ongeveer 85% de veelgebruikte ideale balans: grote besparingen zonder zichtbaar verschil.
Automatiseer dit. De meeste kunnen afbeeldingen bij het uploaden optimaliseren, en kunnen ze bij levering optimaliseren. Zo worden toekomstige uploads ook verbeterd.
Overweeg tijdens het opnieuw exporteren een modern formaat voor een grotere besparing – zie Moderne afbeeldingsformaten.

Zo test Silktide dit

Laad de pagina in een echte browser en verzamel de JPEG- en BMP-afbeeldingen die worden weergegeven.
Vergelijk de grootte van elke afbeelding met die van dezelfde afbeelding, gecomprimeerd met 85% JPEG-kwaliteit.
Rapporteer afbeeldingen waarbij de besparing betekenisvol is (minimaal 4 KB), met de huidige grootte en het verspilde percentage, van groot naar klein.

Problemen oplossen

Waarin verschilt dit van de andere afbeeldingscontroles?

Deze controle schat de besparing door JPEG-compressie tijdens het laden van een pagina. De afzonderlijke controle Afbeeldingen optimaliseren gaat verder: deze downloadt je afbeeldingen en comprimeert ze daadwerkelijk opnieuw met formatuitspecifieke technieken (waaronder PNG, SVG en GIF), waarbij gemeten in plaats van geschatte besparingen worden gerapporteerd. Moderne afbeeldingsformaten gaat over het converteren naar WebP of AVIF, en Responsieve afbeeldingen gaat over het aanbieden van afbeeldingen op de weergegeven grootte. Dezelfde afbeelding kan in meerdere controles voorkomen – de oplossingen vullen elkaar aan.

De afbeelding is al gecomprimeerd

De vergelijking wordt gemaakt met een JPEG-kwaliteit van 85%. Afbeeldingen die met hogere kwaliteitsinstellingen zijn geëxporteerd of ingesloten metadata bevatten, kunnen nog steeds besparingen opleveren, ook al zijn ze al één keer door "compressie" gegaan.