Heb je foto's of plaatjes op je site? Het is heel belangrijk dat je deze optimaliseert voor gebruik op het Internet. Neem bijvoorbeeld deze foto:

Gaaf ventje hè? Das mijn zoon...Tommy. Deze foto heb ik gemaakt met mijn digitale camera. Hij staat op mijn harde schijf en is 584kb groot. Als ik die foto zomaar op een site zo zetten gebeuren er twee dingen. De foto wordt lomp groot, zodat je moet scrollen om de hele foto te bekijken. En de foto is zoveel kb dat deze zo traag laadt dat je site heel traag wordt en je heel veel traffic verbruikt.

Wat moet je doen? Ongetwijfeld heb je een programma waar je foto's mee kunt bewerken. Enkele voorbeelden zijn Fireworks, en Photoshop. Met zo'n programma kun je dan het formaat van de foto bepalen en je kunt de resolutie bepalen. Ik hoor sommigen denken: "dat is toch hetzelfde?". Niet helemaal.

Eerst maar eens wat meer over de resolutie. Deze wordt uitgedrukt in dpi - dots per inch. Een inch is ongeveer 2,5 cm. Het gaat dus om hoeveel puntjes (dots) er op 2,5 cm staan. Welnu, als je op je monitor een scherp beeld wilt moet je werken met 72 dpi. Dat is maximaal scherp. De gewenste resolutie voor printen is 150 dpi en voor kraak helder drukwerk is het 300 dpi.

Met formaat bedoel ik de grootte hoe de foto op je beeldscherm komt. De foto staat op mijn hardeschijf en is 1280 x 960 dpi. Als ik de foto wil laten afdrukken met een kwaliteit van 300 dpi. dan is die maximaal 4,25 x 3,2 inch (1280/300 x 960/300). In centimeters is de afgedrukte foto dan 10,5 x 8 cm. Dat is dus de maat bij 300 dpi. Maar op je monitor werk je met 72 dpi. Dan wordt de foto dus 45 x 33 cm. Het hele beeld dus.

Met zo'n fotobewerkingsprogramma kun je dus zowel het formaat als de dpi instellen. Je kunt dus een foto resizen naar bijvoorbeeld 267 x 200 (is het formaat van de foto hierboven). Vervolgens kun je kiezen hoeveel dpi de foto moet zijn. Van 10 tot 300 dpi en zelfs nog meer. Maar dat heeft helemaal geen zin. Je moet de dpi gewoon op 72 zetten. Dat is maximaal scherp op je monitor. Maak je de foto bijvoorbeeld 150 dpi dan zie je op je scherm totaal geen verschil met 72 dpi maar de foto wordt wel zwaarder, als bestand zijnde. Daardoor laadt de foto trager en verbruikt die meer traffic.

Dus: stel het formaat in zoals je het graag op je scherm wilt zien en zet de dpi op 72. Resultaat: de foto is geen 584kb maar 13,7kb (!) Als je het zo aanpakt, ook met plaatjes e.d. dan past je hele site op een diskette! Dat is dus kleiner dan 1,5 mb! Je hele site!

Veel succes met het versnellen van je site!