JPG, PNG, WebP ou AVIF

Les quatre formats côte à côte

Les points forts de chaque format

Le JPG enregistre les détails fins par blocs de 8 × 8 pixels avec une précision réduite, et stocke généralement les couleurs à une résolution plus faible que la luminosité. Les photos masquent bien ce procédé, mais le texte et les contours nets se retrouvent entourés de halos. Chaque fois qu’un JPG est modifié puis réenregistré, il est encodé à nouveau, ce qui lui fait généralement perdre encore un peu de détail. La valeur de qualité est expliquée dans Les réglages de compression d’image expliqués.

Le PNG est sans perte et compresse l’image en repérant les motifs répétés et prévisibles : les captures d’écran, les graphiques et les logos restent légers, mais pas les photos. Une photo de 12 mégapixels contient 36 millions d’octets de valeurs de couleur (4 000 × 3 000 pixels × 3 octets) ; or le bruit numérique de l’appareil photo ne se répète presque pas, si bien que sa version PNG est généralement plusieurs fois plus lourde qu’un bon JPG.

Le WebP dispose d’un mode avec perte et d’un mode sans perte, tous deux compatibles avec la transparence. En mode avec perte, il stocke les couleurs à la moitié de la largeur et de la hauteur de l’image : les fines lignes colorées et le texte rouge peuvent donc paraître flous. Aucun côté d’une image WebP ne peut dépasser 16 383 pixels, ce qui exclut les très longues captures d’écran ; le format JPG accepte jusqu’à 65 535 pixels.

L’AVIF est issu du codec vidéo AV1. Pour les photos, c’est souvent le plus efficace des quatre, surtout à qualité réduite, et il peut stocker des couleurs sur 10 ou 12 bits ainsi que du HDR. L’encodage est généralement plus lent, et sa prise en charge en dehors des navigateurs reste en retrait par rapport au WebP.

Un exemple chiffré : une capture d’écran, six fichiers

Nous avons dessiné une capture d’écran de tableau de bord de 1280 × 800 pixels (aplats de couleur, texte, diagramme en barres) et l’avons enregistrée avec Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) en qualité 92 lorsque le format comporte un réglage de qualité, ce qui correspond à la valeur fixe de 0,92 que le convertisseur LeedyBox transmet au navigateur. Le WebP sans perte a été produit avec son réglage le plus lent et le plus poussé. Il s’agit d’une seule image de synthèse : les encodeurs des navigateurs utilisent d’autres réglages et donnent d’autres chiffres, et les photos se comportent différemment. 1 Ko = 1 024 octets.

Pour ce visuel en aplats, le JPG était le plus mauvais choix : plus de deux fois plus lourd, et il ne reproduisait plus l’image au pixel près. Le WebP sans perte a conservé chaque pixel tout en donnant le fichier le plus léger, tandis que le WebP avec perte n’a fait presque rien gagner. Reconvertir le JPG en PNG n’a rien annulé : le PNG a dû stocker fidèlement les artefacts du JPG et a atteint 4,5 fois la taille du PNG d’origine.

Avec un logo de 512 × 512 pixels sur fond transparent, le PNG pesait 31,6 Ko, le WebP avec perte 18,4 Ko en conservant la transparence, l’AVIF 16,6 Ko, le WebP sans perte 12,7 Ko, et le JPG 25,2 Ko, avec un carré blanc à la place de la transparence. Là encore, le WebP sans perte a donné le fichier le plus léger tout en conservant chaque pixel.

Ce que la conversion peut faire, et ce qu’elle ne peut pas faire

• Elle ne restaure pas les détails. Un JPG enregistré en PNG conserve ses artefacts.
• Passer d’un format avec perte à un autre ajoute des pertes. Convertir un JPG en WebP ou en AVIF encode une nouvelle fois les anciens artefacts : partez donc du meilleur original dont vous disposez.
• La transparence exige un format capable de la stocker. Le JPG n’a pas de canal alpha : le convertisseur LeedyBox remplit donc de blanc les zones transparentes lors d’un enregistrement en JPG ou en BMP, et les bords adoucis sont mélangés à ce blanc. Gardez les logos et les détourages en PNG ou en WebP.
• Les dimensions en pixels comptent souvent davantage. Une photo de 4 000 × 3 000 pixels affichée en 1 200 × 900 contient 12 millions de pixels là où 1,08 million suffit, soit environ 11 fois plus. Même un écran à densité de pixels double n’en utilise que 2 400 × 1 800, soit 4,32 millions. Voir Redimensionner des images : pixels, proportions et DPI.

Convertir avec le convertisseur d’images LeedyBox

1. Ouvrez le convertisseur d’images et cliquez sur « Choisissez des fichiers ou glissez-déposez-les ici », ou déposez des images dans la zone. Les fichiers PNG, JPG, WebP, BMP, GIF et AVIF sont acceptés si votre navigateur parvient à les ouvrir.
2. Chaque fichier apparaît dans la liste avec ses dimensions en pixels et un menu de format réglé sur JPG au départ, qui propose aussi PNG, WebP, BMP, AVIF et ICO. Modifiez-le fichier par fichier, ou utilisez le menu « Définir tous les formats sur... » à côté de « Options par lot : » pour changer tous les fichiers à la fois. Choisissez PNG, WebP ou AVIF pour toute image comportant de la transparence.
3. Cliquez sur « Convertir et télécharger ». Une image seule est téléchargée sous son nom suivi de « _converted », par exemple vacances_converted.webp ; plusieurs images sont regroupées dans leedybox_converted_images.zip.

Le convertisseur conserve les dimensions en pixels, sauf pour l’ICO, qui est réduit pour tenir dans 256 × 256 pixels. Il demande au navigateur une qualité de 0,92 (sur une échelle de 0 à 1) pour le JPG, le WebP et l’AVIF, et ne propose aucun réglage de qualité. À cette valeur, Chrome et Edge produisent du WebP avec perte ; les encodeurs des autres navigateurs peuvent se comporter différemment. Le JPG et le BMP reçoivent un fond blanc ; le BMP est enregistré sans compression, sur 24 bits par pixel : une photo de 6 000 × 4 000 pixels devient ainsi un fichier de 72 000 054 octets. De nombreux navigateurs ne savent pas créer de fichiers AVIF ; le convertisseur le vérifie à l’ouverture de la page et, si le test échoue, désactive l’option et l’affiche sous le libellé « AVIF (non pris en charge par ce navigateur) ».

La conversion s’effectue dans votre navigateur, et les images ne sont pas envoyées à LeedyBox pour être converties. Chaque image est redessinée : les données EXIF, la position GPS et les autres métadonnées ne sont donc pas copiées. Pour choisir vous-même la qualité et comparer l’avant et l’après, utilisez l’outil Compresser des images (JPG, WebP ou PNG, avec un curseur de qualité réglé sur 75 au départ ou une taille de fichier cible) ; pour réduire les dimensions, l’outil Redimensionner des images.

Quel format pour quel usage

Pour les images destinées aux pages web, voir aussi Choisir le bon format d’image pour le web.

Problèmes courants et solutions

• L’arrière-plan transparent est devenu blanc. Le fichier a été converti en JPG, le format proposé au départ, ou en BMP. Convertissez-le à nouveau en PNG, WebP ou AVIF.
• Le fichier est devenu plus lourd. C’est courant pour les photos ou les JPG enregistrés en PNG, ainsi que pour le BMP, qui n’est pas compressé. Utilisez le JPG ou le WebP pour les photos, ou conservez l’original.
• Impossible de sélectionner AVIF. Votre navigateur ne sait pas créer de fichiers AVIF. Choisissez WebP ou essayez un autre navigateur.
• Le ZIP contient moins de fichiers que vous n’en avez ajouté. Convertis en WebP, logo.png et logo.jpg deviennent tous deux logo_converted.webp, et le second fichier remplace le premier. Renommez l’un des deux au préalable.
• Rien n’a été téléchargé. La conversion d’un fichier échoue lorsque le navigateur ne peut pas créer le format choisi : certains navigateurs ne savent pas créer de WebP, et le format WebP n’accepte pas les images de plus de 16 383 pixels de large ou de haut. Les très grandes images peuvent aussi dépasser la taille de canevas qu’un navigateur est capable de gérer. Dans un lot, un seul fichier en échec arrête le convertisseur avant la création du ZIP. Changez le format de ce fichier ou retirez-le.
• Une animation est devenue une image fixe. Une seule image de l’animation, normalement la première, est conservée.

Ce qu’il faut vérifier ensuite

• Affichez le résultat en taille réelle : texte, contours, visages et dégradés.
• Comparez les tailles de fichier ; conservez l’original si le nouveau fichier n’est pas plus léger.
• Vérifiez les images transparentes sur un fond clair et sur un fond sombre.
• Testez le fichier là où il sera utilisé : certains logiciels de messagerie et formulaires d’envoi refusent le WebP ou l’AVIF.

Questions fréquentes