Formats d'image : JPG, PNG, SVG, WebP, et tout le travail invisible derrière
Vous avez une photo à publier sur votre site. Quel format choisir : JPG, PNG, SVG ? Cela paraît confus, mais c'est en réalité simple : chaque format est un outil adapté à un besoin précis.
Imaginez que vous deviez expédier quelque chose : une photo de plage, un logo, un dessin. Vous pouvez utiliser différents types de colis, chacun optimisé pour un usage.
Le JPG est fait pour les photos. C'est un colis très fortement compressé : l'image perd un peu de qualité, mais le fichier devient minuscule. Parfait pour les photos, car l'œil ne perçoit pas la différence. En revanche, il convient mal aux logos et au texte, où la netteté compte.
Le PNG est fait pour les images qui doivent rester impeccables : logos, icônes. C'est un colis moins compressé, l'image demeure parfaite mais le fichier est plus lourd. Quand la qualité prime, on choisit le PNG.
Le SVG est d'une tout autre nature. Ce n'est pas une photo, mais un ensemble d'instructions : « dessine un cercle ici, une ligne là ». Le fichier est minuscule et l'on peut zoomer autant que l'on veut sans perte. Idéal pour les logos et les illustrations, mais inadapté à une photo de vacances.
Vient enfin le WebP, le format récent. Il fait mieux que le JPG et le PNG : il compresse davantage sans perdre en qualité, ce qui allège nettement le poids. Une photo JPG de 500 Ko peut tomber à 200 Ko en WebP. C'est vers lui que tout le monde se dirige aujourd'hui.
« Le bon format, c'est simple : photo = JPG ou WebP ; logo = PNG ou SVG. »
Mais voici l'essentiel : tout cela relève du travail du développeur. Choisir le bon format, compresser les images, vérifier la compatibilité avec tous les navigateurs. C'est invisible pour le visiteur, qui ne voit que des images, alors que plusieurs heures de travail se cachent derrière.
Un développeur consciencieux prend ce temps : il convertit vos photos en WebP, les optimise, teste, s'assure que le site charge vite. Celui qui bâcle insère les photos telles quelles, sans compression : le site rame, les visiteurs partent, et vous ne comprenez pas pourquoi.
C'est ce qui explique que certains sites soient rapides et d'autres lents. Non pas à cause des serveurs, mais parce que quelqu'un a pris le temps d'optimiser les images. Un détail en apparence anodin, mais un travail qui compte vraiment.