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)

Reacties (4)

  1. Na een beetje stoeien met de header (logo.gif, GIF, 14.938 bytes) van webanalisten.nl kwam ik uit op een PNG file van 4.801 bytes, en dan heb ik met pngcrush er 4.761 van weten te maken. Een winst van 70%.

  2. Thanks for mentioning my talk and I’m happy you liked it.

    I used http://babelfish.yahoo.com to do Dutch to English translation of your blog post and it came out kinda funny at places, for example:

    1. POISON uses whereas PNG have less kilo bytes necessary (20% space savings)

    I guess GIF in Dutch means poison 😀

  3. Hi Stoyan, thanks for your response (and sharing your insights at velocity). In your next presentation you can add to your first point: just stop using GIF’s because in Dutch it indeed means poison 🙂

Reacties zijn gesloten.