Optimalisatietip: 7 veelgemaakte fouten met website images

Websites bestaan in aantallen kilobytes voor een groot gedeelte uit grafische bestanden. Dit zal de komende jaren naar mijn verwachting alleen maar meer en meer worden, omdat het lijkt dat de gebruiker van jouw website beter navigeert wanneer je meer beelden aanbiedt in plaats van tekst. Ecommerce shops hebben als vanzelfsprekend veel beeldmateriaal voor de producten die zij verkopen. Nu worden er in het maken van grafische bestanden fouten gemaakt die (met behoud van dezelfde kwaliteit!) eenvoudig kunnen worden voorkomen. Fouten die zorgen voor bestanden die veels te veel kilobytes bevatten. Dit zorgt voor:

• onnodig tragere inlaadtijd van de website
• onnodig meer bandbreedte kosten
• onnodig gebruik van diskruimte
• onnodig meer servergebruik (en energie etc.)

Bekijk deze presentatie van Yahoo aan het begin van deze week op Velocity 2008:

Details en tips in de presentatie zelf, maar hier alvast de opsomming van de 7 veelgemaakte fouten met daarbij bij de top 3 van tips het percentage ruimtebesparing dat de top 10 websites wereldwijd zouden halen wanneer ze de tip doorvoeren:

1. GIF gebruiken terwijl PNG minder kilobytes nodig heeft (20% ruimtebesparing)
2. Het vergeten te “crushen” van PNG’s (16% ruimtebesparing)
3. Het niet strippen van JPEG metadata (12% ruimtebesparing)
4. Onnodig Truecolor PNG’s gebruiken
5. Gebruik van CSS Alpa filters
6. Te veel dynamisch gegenereerde images
7. Te veel losse plaatjes (te weinig combineren)