Sur votre site web, les visuels doivent être de qualité, afin de donner une bonne image de vous. Mais ils doivent aussi être optimisés : une photo trop lourde ralentirait le temps de chargement de la page… et vous ne pouvez pas compter sur la patience des internautes : ils quitteront votre site avant de l’avoir regardé en entier.

Cependant, dans les formats de compression, le jpg et le png n’ont pas exactement la même valeur.

Quelle différence entre le jpg et le png ?

Le jpg est le format d’image qui est le plus souvent retenu pour le partage de photographies numériques. Sa qualité lui permet de restituer toute la complexité des clichés : les ombres, les nuances, les dégradés. Il puise dans un référentiel de 16,7 millions de couleurs pour y parvenir.

Le png a été créé pour offrir une alternative libre au gif. Il dispose de deux niveaux de compression, l’un, le png 8, très léger mais qui ne peut afficher que 256 couleurs, l’autre, le png 24, plus lourd que le jpg mais avec le même rendu au niveau des teintes.

À première vue, le jpg permet une meilleure compression d’image, mais le png offre la possibilité de gérer des fonds transparents, utiles pour les montages. Leurs différences ne s’arrêtent pourtant pas là.

Dans quels cas utiliser un jpg sur un site web ?

Pour sa légèreté, le jpg sera particulièrement bienvenu pour les images d’arrière-plan ou de grande taille. En effet, son format de compression ne surchargera pas la bande passante, calmant l’impatience des internautes.

De manière générale, vous continuerez à l’utiliser pour la plupart des photos.

Dans quels cas utiliser le png sur un site web ?

Le png, lui, sera privilégié pour faire apparaître un logo sans crainte de déperdition de qualité d’image (le principal risque de la compression étant la pixellisation). D’autant que le fond transparent permettra de les insérer facilement sur le site.

Il sera également utile pour les graphiques : les lignes et le texte offrent un meilleur rendu, plus précis, en png.

Pourquoi choisir entre jpg et png ?

Sur votre site web, vous voudrez offrir aux visiteurs à la fois la meilleure qualité d’image possible… et le temps de chargement le plus rapide qui soit.

C’est pour ces deux raisons que vous aurez à passer du jpg au png en fonction du type de visuels que vous souhaiterez mettre en avant… et que vous ne vous contenterez pas d’appliquer le même format en toutes circonstances.

Votre réflexion ne saurait d’ailleurs s’arrêter là. Vous aurez tout intérêt à choisir les meilleurs logiciels de compression, ceux qui vous permettront de réduire au mieux le poids de l’image sans l’altérer. Certains existent même sous forme de plug-in, par exemple pour WordPress.

De manière générale, évitez le png 24, trop lourd pour le web. Tentez différents niveaux de compression, pour trouver le bon équilibre. Et n’oubliez pas de prévoir également que ces mêmes images devront être redimensionnées afin d’être visibles sur les plus petits écrans des smartphones !