Weboptimalisatie afbeeldingen

Het belang van kleinere afbeeldinggroottes had ik al eerder online over gelezen. Op zich logisch natuurlijk, wanneer je grotere afbeeldingen gebruikt verbruik je ook meer data waardoor je website ook weer langzamer wordt. Halverwege 2014 was ik bij een webinar van Daniel Kanchev over het versnellen van een Joomla-website, die vertelde ook over het optimaliseren van afbeeldingen via smush.it van yahoo.

 

Niet lang geleden kwam ik via een tweet van Brian Teeman op een blogpost van hem uit waar hij het over compresso.io had. Op deze website kan je ook afbeeldingen optimaliseren voor gebruik op het web. Nu wilde ik dit ook gaan testen met wat afbeeldingen van mij dus heb ik beide websites getest met een viertal afbeeldingen, gewoon om het verschil te zien.

...
 BestandstypeOrigineelsmush.itcompressor.io
Afbeelding 1 jpg 23 kB 21 kB (-8,7%) 19 kB (-17,4%)
Afbeelding 2 png 161 kB 111 kB (-31,1%) 47 kB (-70,8%)
Afbeelding 3 jpg 155 kB 144 kB (-7,1%) 61 kB (-60,6%)
Afbeelding 4 jpg 54 kB 51 kB (-5,6%) 53 kB (-1,9%)
Afbeelding 5 png 326 kB 270 kB (-17,2%) 86 kB (-73,6%)

In mijn beperkte test zie je redelijk wat verschillen. Als de bestandsgrootte al kleiner is lijkt het dat optimalisatie ook minder ver kan gaan. Als het bestand ook groter is dan zie je vooral bij het bestandstype png dat er redelijk goede prestaties mogelijk zijn.

Als conclusie zou ik zeggen, probeer als eerste compressor.io en zie hoe goed het bestand nog verkleind kan worden.