Foto's = altijd .jpg
Plaatjes = .png of in sommige gevallen .gif
Animatie = .gif / .swf

De reden dat je JPG moet gebruiken voor foto's is omdat JPG meer kleuren ondersteunen dan PNG

Wat is nu eigenlijk het snelste formaat, wat dus het vlugst laad?

Het lijkt mij dat het niet zoveel uitmaakt, misschien dat er verschil tussen geen transp en wel transparantie zit. Voor de rest is het gewoon een kwestie van, hoe minder kb hoe sneller de laadtijd.

Om nog een leerzame toevoeging te doen aan dit topic kan ik erbij vermelden dat de vaak gebruikte 1px brede PNG images onverstandig zijn.

Onverstandig? Ja overstandig! 1px brede background plaatjes worden repeat als background bijv. Omdat het 1px breed is wordt deze te vaak herhaald waardoor browsers zoals (IE) last krijgen van een zeer trage scrollbar bijvoorbeeld bij een Pentium 4, intel dual core en bij sommige Core 2 Quads.

Hou je site scroll snel door de backgrounds iets minder breed te maken :)

Als je het plaatje opslaat als 10px breedte wordt deze minder vaak repeat, het geinigste is dat er geen grootte verschil zit tussen het 1px / 10px plaatje.