Quel est le meilleur format d’image pour un site web ?

La question du « meilleur format » n’a pas de sens tant que vous ne savez pas de quel type d’image il s’agit. Un site web contient plusieurs types d’images très différents, chacun ayant un choix idéal :

• Photographies (produits, personnes, lieux) : un format avec perte. AVIF produit les fichiers les plus légers, WebP constitue le choix moderne le plus sûr et JPG est la solution de secours que tous les navigateurs peuvent afficher.
• Logos, icônes et illustrations : SVG. Comme il s’agit d’un format vectoriel, l’image reste nette à toutes les tailles sur tous les écrans, et le fichier est généralement très léger. N’utilisez un format matriciel de secours que lorsqu’une plateforme refuse SVG.
• Captures d’écran, graphismes d’interface et tout contenu avec transparence : PNG, ou WebP sans perte. Les aplats de couleur et les contours nets sont précisément ce que les formats sans perte compressent efficacement.
• Animations courtes : WebP ou AVIF animé plutôt que GIF, dont la palette limitée produit des fichiers beaucoup plus volumineux.
• Favicon : un fichier ICO, idéalement accompagné d’une version SVG ou PNG ; découvrez comment créer un favicon à partir d’une image.

L’erreur classique consiste à enregistrer une photographie en PNG. PNG conserve chaque pixel sans perte, ce qui est parfait pour un logo, mais désastreux pour une photo : le fichier devient plusieurs fois plus volumineux qu’un JPG sans aucun gain visible.

Pour les photos, le choix dépend de la mesure dans laquelle vous pouvez compter sur les navigateurs récents :

• AVIF offre la meilleure compression : avec une qualité web habituelle, il produit des fichiers environ 50% plus légers que JPEG et 20–30% plus légers que WebP, tout en prenant en charge HDR et une large gamme de couleurs si nécessaire. Chrome, Firefox et Safari peuvent tous l’afficher (Safari depuis la version 16.4, en 2023). Ses inconvénients sont un encodage lent, surtout pour les grandes images, ainsi qu’une prise en charge limitée par les logiciels de bureau et les appareils anciens.
• WebP est le choix pratique par défaut : ses fichiers sont 25–35% plus légers que JPEG à qualité visuelle égale, il prend en charge la transparence et tous les navigateurs courants le reconnaissent depuis 2020. Certaines applications de bureau et certains outils anciens ne peuvent toujours pas l’ouvrir, ce qui importe pour le fichier remis à un graphiste, mais pas pour celui proposé aux visiteurs.
• JPG est la solution de secours universelle. C’est le moins efficace des trois, mais un JPG enregistré avec une qualité d’environ 75–82 est généralement impossible à distinguer de l’original à l’écran, et tous les navigateurs web peuvent l’afficher.

La configuration la plus robuste propose AVIF aux navigateurs qui le comprennent, WebP aux autres, et conserve un JPG pour tout ce qui est plus ancien. Si vous préférez n’en choisir qu’un, WebP avec une solution de secours en JPG convient à pratiquement tout le monde. Retrouvez les comparaisons directes dans WebP ou AVIF et WebP ou JPG ; pour les graphismes plutôt que les photos, consultez PNG ou JPG.

Une fois la cible déterminée, la conversion est rapide et le fichier ne quitte jamais votre appareil. Le convertisseur d’images EditItAll fonctionne entièrement dans votre navigateur :

1. Ouvrez le convertisseur et déposez-y vos images, qu’il s’agisse d’un fichier ou de tout un dossier. Les lots sont traités ensemble.
2. Choisissez le format de sortie : WebP ou AVIF pour les photographies, PNG pour les graphismes nécessitant de la transparence. Des outils directs sont disponibles pour les opérations courantes : JPG vers WebP, PNG vers WebP, JPG vers AVIF et PNG vers AVIF.
3. Réglez la qualité. Il n’existe aucun champ de taille cible : la taille est un résultat. La taille avant et après traitement s’affiche pour chaque fichier ; ajustez donc le curseur jusqu’à ce que la valeur et l’image vous conviennent.
4. Téléchargez les résultats séparément ou dans un seul fichier ZIP.

Rien n’est téléversé : après le chargement de la page, vous pouvez vous déconnecter d’Internet et continuer les conversions. Les métadonnées EXIF et GPS sont supprimées de chaque image exportée, afin qu’une photo de produit ne révèle pas l’endroit où elle a été prise. Le service est gratuit, sans compte ni filigrane. Vous avez déjà le bon format et souhaitez seulement réduire la taille du fichier ? Accédez directement au compresseur d’images. Et si une plateforme exige une version matricielle d’un logo vectoriel, SVG vers PNG permet de la produire à la taille de votre choix.

Le choix du format mérite votre attention, mais trois habitudes économisent plus d’octets que ne pourrait jamais le faire le passage de JPG à AVIF :

• Redimensionnez selon la taille d’affichage réelle. Une photo d’appareil est souvent plusieurs fois plus large que l’espace qu’elle occupe sur une page, et chacun de ces pixels superflus est téléchargé puis inutilisé. Les outils d’image EditItAll proposent précisément pour cela une limite maximale facultative des dimensions.
• Compressez une seule fois, à partir de l’original. Chaque enregistrement avec perte supprime un peu plus de détails. Conservez l’original, exportez-en la copie destinée au web et évitez de réenregistrer successivement un JPG en WebP, puis en AVIF.
• Proposez les formats modernes avec une solution de secours. Présentez d’abord AVIF ou WebP et permettez aux navigateurs anciens de se rabattre sur JPG ou PNG, afin qu’aucun visiteur ne voie une image manquante.

Lorsqu’un rapport de vitesse vous demande d’« encoder efficacement les images » ou de « proposer des images dans des formats nouvelle génération », il fait précisément référence à cette décision : corriger l’avertissement sur l’encodage efficace des images explique la procédure, tandis que compresser JPEG pour le web détaille le réglage de la qualité. D’autres guides consacrés aux formats figurent dans la rubrique conversion d’images.