La vitesse d’un site ne se résume pas à l’hébergement et au code. Les images que vous téléchargez deviennent souvent le principal goulot d’étranglement: une seule photo «lourde» issue d’un appareil photo peut peser 5 à 8 Mo et ajouter une seconde au temps de chargement de la page. Et si vous avez dix photos de ce type?

Le format d’image détermine la manière dont elle est compressée, dont elle restitue les couleurs et dont les navigateurs l’affichent. Un mauvais choix se traduit par des captures d’écran floues, des PNG volumineux au lieu de fichiers WebP compacts, et une dégradation du classement: Google intègre les Core Web Vitals dans son algorithme de positionnement.

Voici des recommandations spécifiques pour chaque usage: photos, captures d’écran, logos, animations. Ainsi que la méthode pour ajouter des formats que WordPress n’accepte pas nativement.

💡 Aperçu rapide:

• Identifiez ce que vous téléchargez: photo, capture d’écran, logo ou animation, car cela détermine le choix du format.
• Pour les photographies, utilisez AVIF ou WebP (la compression est nettement meilleure que le JPEG à qualité équivalente).
• Pour les captures d’écran et les logos, privilégiez le PNG (sans perte) ou l’AVIF (avec perte mais taille considérablement réduite).
• Pour les animations, préférez le WebP au GIF (le gain de poids est de plusieurs fois).
• Si WordPress n’accepte pas le format dont vous avez besoin, ajoutez sa prise en charge via le fichier functions.php ou une extension.
• Renseignez toujours le texte alternatif et compressez les images avant le téléchargement, ou automatiquement via une extension d’optimisation.

Pourquoi le format de fichier image est déterminant pour WordPress

Le format ne se limite pas à une extension de fichier. C’est un algorithme d’encodage qui détermine trois choses: la qualité d’image, le poids du fichier et la compatibilité avec les navigateurs. Ces trois éléments ont un impact direct sur les indicateurs business de votre site.

Vitesse de chargement et Core Web Vitals. Une photo JPEG de 2 Mo et la même photo en AVIF à 400 Ko semblent identiques, mais leur temps de chargement diffère d’un facteur 5. Google évalue le Largest Contentful Paint (LCP), et les images sont souvent l’élément le plus lourd d’une page. Des extensions comme Smush convertissent automatiquement les fichiers en WebP ou AVIF, mais choisir le bon format source permet d’économiser les ressources du serveur.

Conséquences SEO. La vitesse de page est un signal de classement direct pour Google. Les images lourdes dégradent votre score Core Web Vitals, et la page perd des positions même si le texte est parfaitement optimisé. Une étude de Portent (2024) a montré que réduire le LCP de 4 à 2 secondes augmente le taux de conversion des pages d’atterrissage de 15 à 20% en moyenne dans les secteurs B2B.

Qualité visuelle. Les différents formats gèrent différemment les dégradés, le texte et les détails fins. Le JPEG produit des artefacts autour des contours à fort contraste, ce qui donne un aspect brouillon sur les captures d’écran. Le PNG préserve la netteté, mais pèse plusieurs fois plus lourd. L’AVIF résout ces deux problèmes: la compression est nettement plus efficace que le JPEG à qualité visuelle comparable.

Adaptabilité. Les utilisateurs consultent votre site depuis des téléphones, des tablettes et des ordinateurs, avec des navigateurs variés. L’AVIF est pris en charge par Chrome, Firefox et Opera (depuis 2021-2022), et par Safari depuis la version 16 (automne 2022). Le WebP fonctionne partout depuis 2020. Le JPEG et le PNG constituent le filet de sécurité universel que tout navigateur des 20 dernières années sait interpréter.

Les formats d’image pris en charge par WordPress en 2026

WordPress a radicalement changé. Alors qu’auparavant seuls les formats JPEG, PNG, GIF et ICO fonctionnaient «en standard», WordPress 5.8 (2021) a ajouté la prise en charge native du WebP, et WordPress 6.5 (avril 2024) a ajouté la prise en charge complète de l’AVIF.

Liste complète des formats disponibles par défaut (WordPress ≥ 6.5):

Le SVG (format vectoriel) n’est pas accepté par défaut par WordPress pour des raisons de sécurité, car les fichiers SVG peuvent contenir du JavaScript. Si vous avez besoin de SVG pour des logos ou des icônes, activez-le via le fichier functions.php avec un filtrage approprié, ou utilisez une extension spécialisée comme Safe SVG sur WordPress.org.

Comparatif des formats: lequel utiliser et quand

JPEG (JPG)

Le standard depuis 1992 qui représente encore environ 77% de toutes les images sur Internet selon W3Techs (2026). Compression avec perte et contrôle du niveau de qualité; 85-92 est le «point idéal». Des millions de couleurs, d’excellents dégradés.

Inconvénient: pas de gestion de la transparence. Chaque JPEG est un rectangle. Inadapté pour un logo sur fond transparent. De plus, les artefacts de compression sur les contours nets à fort contraste donnent un aspect brouillon aux captures d’écran d’interface en JPEG.

Quand l’utiliser: photographies, grandes images d’arrière-plan, articles de blog avec du contenu photo, si pour une raison quelconque vous n’utilisez pas le WebP ou l’AVIF.

PNG

Un format créé comme alternative libre au GIF. Compression sans perte: pas un seul pixel n’est perdu. La transparence alpha complète (256 niveaux) permet des ombres douces et des éléments semi-transparents.

Inconvénient: le poids. Une photo en PNG peut peser 5 à 10 fois plus que la version JPEG pour une qualité visuelle identique. Pour les images de contenu, cela ne se justifie pas.

Quand l’utiliser: captures d’écran d’interface (la netteté du texte est cruciale), logos, infographies, diagrammes, icônes, images contenant du texte.

GIF

Un format avec 256 couleurs et une animation image par image. Une légende des débuts d’Internet. Compression sans perte, mais la palette limitée le rend inadapté aux photographies, car les dégradés se transforment en «marches d’escalier».

Inconvénient: la taille des animations est énorme. Un GIF de 5 secondes peut peser 10 à 15 Mo, alors que le même clip en animation WebP pèse 1 à 2 Mo.

Quand l’utiliser: uniquement lorsque vous avez besoin d’une courte animation sans son et qu’une version WebP ou AVIF n’est pas disponible.

WebP

Google a lancé le WebP en 2010, mais le format a véritablement «décollé» après 2020, lorsque tous les principaux navigateurs l’ont adopté. Il prend en charge la compression avec et sans perte dans un seul format. Transparence, oui. Animation, oui. Les images WebP sont en moyenne 25 à 35% plus légères que le PNG et 25 à 34% plus légères que le JPEG à qualité équivalente.

Inconvénient: à l’heure où nous écrivons ces lignes, ce n’est plus le format le plus efficace, car l’AVIF le surpasse en compression. Mais en tant que solution de repli, le WebP est indispensable.

Quand l’utiliser: format universel pour tout type d’image. En cas de doute, optez pour le WebP. Photos, captures d’écran, animations, graphiques, il gère tout.

AVIF

Le format d’image le plus efficace en 2026. Basé sur le codec vidéo AV1. Les images AVIF sont 30 à 50% plus légères que le WebP à qualité visuelle identique. Il prend en charge le HDR, un large espace colorimétrique, la compression avec et sans perte, la transparence et l’animation. WordPress 6.5+ prend en charge l’AVIF nativement, vous pouvez donc le télécharger directement dans la médiathèque.

Inconvénient: Safari ne l’a pris en charge qu’à partir de la version 16 (automne 2022), de sorte que les anciens iPhones et Mac sous des versions obsolètes n’afficheront pas l’AVIF. Ce problème se résout en ajoutant une solution de repli WebP/JPEG via l’élément <picture> ou une extension d’optimisation.

Quand l’utiliser: format prioritaire pour les photos et les captures d’écran. Si votre site fonctionne sous WordPress ≥ 6.5, l’AVIF est votre choix principal, avec le WebP comme filet de sécurité.

Comment ajouter la prise en charge de formats supplémentaires

WordPress filtre les fichiers téléchargés par type MIME. Si vous devez autoriser le SVG, le BMP ou un autre format, ajoutez-le via le hook upload_mimes dans le fichier functions.php de votre thème:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ not required
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ not required
7
 
8
    return $mime_types;
9
}

Le code s’ajoute au fichier functions.php du thème actif ou via l’extension Code Snippets. Faites une sauvegarde avant toute modification, car une erreur PHP peut rendre le site inaccessible.

Pour le SVG, un avertissement. Les fichiers SVG peuvent contenir du JavaScript. Si vous activez le téléchargement de SVG, utilisez l’extension Safe SVG (qui nettoie les scripts), laquelle assainit les fichiers et supprime les scripts avant l’enregistrement dans la médiathèque.

Une alternative est l’extension File Upload Types, qui ajoute la prise en charge de dizaines de formats via une interface. Pour un ou deux formats, le hook upload_mimes est plus simple.

Bonnes pratiques: taille, SEO et optimisation

Taille d’image optimale

Téléchargez les images exactement à la taille nécessaire sur la page. Si l’image se trouve dans une colonne de 800 px, il est inutile de télécharger un original de 4000 px. WordPress crée plusieurs tailles lors du téléchargement (miniature, moyenne, grande), mais le fichier original est stocké sur le serveur et peut être envoyé au navigateur lorsque full est appelé.

Règle: avant de télécharger, redimensionnez l’image à la largeur d’affichage maximale (généralement 1200-1600 px pour la zone de contenu). Outils: Photoshop, l’outil gratuit de Google Squoosh, l’utilitaire en ligne de commande cwebp.

Augmenter la limite de téléchargement

Par défaut, WordPress limite la taille des fichiers téléchargés à 2 Mo. Pour les fichiers AVIF modernes, cela pose rarement problème (les fichiers sont nettement plus petits que les JPEG), mais lors du téléchargement d’un PNG volumineux ou d’un WebP animé, la limite peut gêner.

Chez de nombreux hébergeurs, la limite peut être modifiée via le panneau de contrôle. Par exemple, chez Cloudways, allez dans Server Management → Settings and Packages. Chez GoDaddy, via cPanel; chez Media Temple, en modifiant php.ini; et chez WP Engine, vous devez contacter le support. Si vous n’avez pas d’accès direct aux paramètres du serveur, ajoutez ceci à wp-config.php:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Cela augmente la limite de mémoire PHP et relève indirectement le seuil de téléchargement.

SEO des images: texte alternatif et noms de fichiers

Les moteurs de recherche ne «voient» pas les images; ils lisent leurs attributs. Le texte alternatif est une description de l’image qui est indexée et lue par les lecteurs d’écran.

Règles pour un bon texte alternatif:

• Décrivez ce qui se trouve dans l’image dans le contexte de l’article. Pas «capture d’écran», mais «Panneau de contrôle Cloudways avec le champ Upload Size mis en évidence».
• 4 à 8 mots, en français, avec le mot-clé de la section.
• Ne commencez pas par «Image de…» ou «Photo de…».
• Pour les images décoratives, laissez alt="".

Le nom du fichier compte aussi. IMG_20241015_142302.jpg ne dit rien au moteur de recherche. wordpress-image-format-comparison-chart.png lui donne une information. Renommez les fichiers avant de les télécharger.

Plugins d’optimisation d’images

L’optimisation manuelle de chaque fichier prend du temps. Les plugins automatisent le processus: ils compressent, convertissent en WebP/AVIF et servent au navigateur le format optimal. D’après les tests de WPShout (2025), les 4 meilleurs sont:

Un aperçu plus complet des plugins d’optimisation se trouve dans notre article dédié.

Stratégie basée sur l’analytique

Google Analytics (ou Matomo) vous montre quels appareils et navigateurs vos visiteurs utilisent. C’est ce qui détermine le format à privilégier. Par exemple, si la majorité de votre audience utilise les dernières versions de Chrome et Safari, l’AVIF se justifie pleinement, et vous pouvez mettre en place un fallback WebP via une extension pour le reste.

Si beaucoup de visiteurs ont des iPhones sous iOS 15 ou antérieur, l’AVIF ne fonctionnera pas et le format principal doit être le WebP, avec le JPEG comme filet de sécurité. Nous avons un guide détaillé avec trois méthodes pour servir des images WebP dans WordPress, du CDN à la balise <picture> manuelle.

Vidéo: AVIF et WebP dans WordPress en pratique

Cette courte vidéo montre comment convertir des images en AVIF et WebP directement depuis l’administration WordPress et compare les poids avant/après:

Le format AVIF offre une compression nettement supérieure au WebP, la différence étant particulièrement visible sur les photos avec des dégradés doux et beaucoup de détails. WordPress 6.5+ prend en charge l’AVIF nativement, sans extension.

⁉️🤔 Foire aux questions

Quelle est la différence entre compression avec perte et sans perte?

Les algorithmes avec perte suppriment des données imperceptibles à l’œil (JPEG, AVIF lossy, WebP lossy). Le fichier est léger, mais la qualité se dégrade à chaque réenregistrement. Le sans perte conserve chaque pixel à l’identique (PNG, GIF, AVIF lossless, WebP lossless). Le fichier est plus lourd, mais c’est l’idéal pour les graphiques avec du texte. Pour les photos de contenu, utilisez le mode lossy (qualité AVIF 50-70 ou WebP 75-85): le poids sera divisé par plusieurs. Réservez le sans perte aux logos et captures d’écran où la netteté est cruciale.

Quel format choisir pour les captures d’écran en 2026?

L’AVIF en mode sans perte ou en qualité 90+. Les captures d’écran exigent un texte lisible, et l’AVIF sans perte préserve la netteté au niveau du PNG pour un poids nettement inférieur. Si votre site tourne sous une version de WordPress antérieure à 6.5, utilisez le WebP sans perte en principal avec un fallback PNG.

Faites le test vous-même: capturez l’écran du panneau d’administration, enregistrez-la en PNG, en WebP sans perte et en AVIF sans perte. Différence visuelle: zéro. Mais sur une page contenant une quinzaine de captures, la différence en mégaoctets devient sensible pour le LCP.

Ai-je besoin d’une extension d’optimisation si WordPress prend déjà en charge le WebP et l’AVIF?

WordPress prend en charge le téléversement de WebP et d’AVIF, mais ne convertit pas automatiquement les JPEG/PNG vers les formats modernes. Si vous téléversez des WebP/AVIF déjà prêts, vous n’avez pas besoin d’extension. Si vos sources sont en JPEG/PNG, une extension les convertit à l’upload et sert au navigateur le format optimal.

De plus, les extensions résolvent la question du fallback: elles génèrent une balise <picture> avec plusieurs sources pour les différents navigateurs. Sans extension, vous devriez le faire manuellement ou parier que tous vos visiteurs utilisent un navigateur compatible AVIF (ce qui n’est pas encore le cas).

WebP ou AVIF: lequel choisir dès maintenant?

AVIF en principal, WebP en fallback. L’AVIF l’emporte en compression (nettement meilleure que le WebP), en qualité (HDR, gamut étendu) et en compatibilité navigateur, qui inclut désormais Chrome 85+, Firefox 93+, Safari 16+ et Opera 71+. Le seul bémol concerne les anciens appareils iOS: l’iPhone X et les modèles antérieurs sous iOS 15 n’affichent pas l’AVIF. Mais leur part diminue, et des extensions comme EWWW et Optimole leur servent automatiquement du WebP.

Si vos analytics montrent une part encore notable d’iOS 15 et antérieur, faites du WebP le format principal avec l’AVIF en option «pour ceux qui peuvent». Pour tous les autres: AVIF maintenant, WebP en secours.

Puis-je utiliser le SVG pour un logo dans WordPress?

Le SVG est le format idéal pour les logos: mise à l’échelle infinie et poids microscopique (2-5 Ko). Mais WordPress bloque le SVG en raison du risque d’attaque XSS (un SVG peut contenir du JavaScript embarqué). Utilisez l’extension Safe SVG (téléversement sécurisé) qui assainit chaque fichier téléversé et supprime le code potentiellement dangereux. Ensuite, le SVG peut être téléversé directement dans la médiathèque et utilisé comme n’importe quel autre format.

Quoi utiliser sur WordPress en 2026: l’essentiel

Le choix du format se résume à trois règles. Photos et captures d’écran: AVIF (prioritaire) ou WebP, compression avec perte qualité 70-85. Logos et icônes: PNG ou AVIF sans perte + SVG via Safe SVG. Animations: WebP au lieu du GIF, pour un poids divisé par plusieurs.

Ne mettez pas tous vos œufs dans le même panier. La stratégie idéale: AVIF → WebP → JPEG/PNG d’origine, trois couches via <picture> ou une extension. La quasi-totalité de vos visiteurs recevra de l’AVIF/WebP, les autres auront le format classique, et personne ne verra une icône cassée.

Configurez l’optimisation automatique une fois (via EWWW pour un traitement local ou Optimole pour un service cloud avec CDN) et oubliez la compression manuelle. Vérifiez vos analytics tous les trimestres: la part des anciens navigateurs diminue, et l’AVIF sera bientôt un format sans réserves.