Les fichiers image sont généralement les éléments les plus volumineux d’une page web ; les choix de compression influencent la vitesse de chargement, la bande passante et le référencement (les Core Web Vitals de Google accordent une grande importance aux performances liées aux images). Le choix du format et de la qualité peut réduire le poids d’une page de 50 à 90 % sans perte visible. Cet article explique les cas d’usage de JPEG, PNG et WebP, le fonctionnement du paramètre de qualité et les raisons pour lesquelles la compression dans le navigateur est souvent préférable aux services cloud.
Quand utiliser JPEG, PNG ou WebP
Chaque format convient à certains types d’images. JPEG est optimisé pour les photographies en tons continus, dominées par les dégradés lisses et les textures complexes. Sa compression avec perte supprime les détails imperceptibles à l’œil pour réduire fortement la taille. Elle convient mal aux contours nets, aplats, textes et transparences : les artefacts apparaissent sous forme de flou ou de bandes, et JPEG ne gère pas la transparence. PNG est sans perte et traite parfaitement les contours nets et la transparence, mais la réduction reste modeste (10–30 % par rapport à une image bitmap non compressée), car aucune information n’est supprimée. Choisissez PNG pour les logos, icônes, captures d’écran, schémas et images avec texte. WebP, créé par Google en 2010 et largement pris en charge depuis 2020, offre un compromis : il permet les compressions avec ou sans perte, génère des fichiers 25 à 35 % plus légers que JPEG à qualité comparable, gère la transparence comme PNG et l’animation comme GIF. Pour les nouveaux contenus web, WebP est généralement le meilleur choix par défaut. Préférez JPEG pour une compatibilité étendue et PNG pour une transparence parfaite ou une conservation sans perte. Cet outil convertit les trois formats avec aperçu pour comparer les tailles. JPEG ne prend pas en charge la transparence ; les zones transparentes sont aplaties sur fond blanc lors d’une conversion en JPEG.
Fonctionnement du paramètre de qualité
Le curseur de qualité des encodeurs avec perte (JPEG et WebP avec perte) a un effet non linéaire. Une qualité de 100 produit le fichier le plus volumineux, car l’encodeur conserve autant de détails que son algorithme le permet. Entre 90 et 95, les fichiers sont environ 30 à 50 % plus petits sans différence visible notable. La plage 80–85 est le compromis « sans perte visuelle » utilisé par la plupart des services web : réduction supplémentaire de 40 à 60 % par rapport à une qualité de 100, avec un rendu indiscernable à distance habituelle. Une qualité de 70–80 est équilibrée pour le Web : les différences se remarquent en examinant les détails, mais la qualité convient généralement et la taille diminue encore d’environ 20 %. Une qualité de 50–70 est agressive : les artefacts apparaissent sur les images complexes, mais le résultat suffit pour les miniatures, aperçus ou connexions mobiles limitées. En dessous de 50, les artefacts dominent. Le compromis dépend du contenu : les photos supportent mieux une compression poussée que le texte et les graphismes. Un réglage unique donne donc souvent un résultat sous-optimal. Le préréglage Web (85 %) convient à la plupart des images ; ajustez celles qui sont plus complexes.
Pourquoi la compression locale surpasse les services cloud
Jusqu’à récemment, compresser une image en ligne signifiait l’envoyer à un service cloud comme TinyPNG ou Compressor.io, qui la traitait sur ses serveurs avant de renvoyer le résultat. Les navigateurs modernes encodent les images avec l’API Canvas, permettant une compression locale. Confidentialité : les images ne quittent jamais votre appareil, ce qui importe pour les photos professionnelles, personnelles ou contenant des métadonnées EXIF que vous ne souhaitez pas partager. Rapidité : le traitement local utilise le processeur, généralement en moins d’une seconde par image, alors que les services cloud ajoutent les transferts réseau. Fiabilité : les services cloud peuvent tomber en panne, modifier leurs limites gratuites ou imposer une inscription ; l’outil du navigateur continue de fonctionner. Sa principale limite est la mémoire : des images de 50 Mo ou plus ou des lots de 20 images peuvent la saturer. Pour les images web habituelles (moins de 10 Mo, lots de moins de 20 images), la compression dans le navigateur est plus rapide, plus privée et plus fiable. Cet outil utilise Canvas et les encodeurs JPEG, PNG et WebP intégrés, sans dépendance externe.