Choisir les formats pour WordPress

Une bibliothèque peut combiner plusieurs formats. Gardez les originaux d’édition et choisissez la diffusion selon l’usage.

Comment utiliser cet outil

1
Vérifiez les formats acceptés par l’installation et les extensions.
2
Comparez les sorties de photos, logos et captures représentatifs.
3
Importez l’échantillon et contrôlez miniatures et tailles adaptatives.
4
Gardez les originaux et publiez progressivement.

Erreurs courantes

  • Utiliser une seule qualité pour toutes les images.
  • Supprimer les originaux avant de vérifier les sorties.
  • Supposer que moins d’octets prouvent une meilleure qualité ou un meilleur classement.

Avant de publier sur WordPress

Vérifiez les formats acceptés par WordPress, le thème, les extensions et la bibliothèque d’images. Gardez les originaux, importez un échantillon et contrôlez miniatures et variantes adaptatives avant de remplacer la bibliothèque. Une conversion préalable ne garantit pas l’absence de retraitement par le CMS.

JPEG / PNG

JPEG convient aux photographies et aux processus qui exigent JPG. Sa compression est avec perte et ne conserve pas la transparence : les zones transparentes sont exportées sur fond blanc. PNG convient au texte, aux captures, aux contours nets et à la transparence. Le PNG encode sans perte uniquement le tampon de pixels rendu par Canvas. Le décodage, la conversion des couleurs ou le traitement de la profondeur de bits par le navigateur peut modifier les pixels source ; profils et métadonnées peuvent différer.

WebP / AVIF

WebP peut convenir à la diffusion web et prend en charge la transparence. Le format WebP peut stocker une animation, mais cet outil exporte une seule image fixe à partir des fichiers animés ; l’animation n’est pas conservée. Cet outil transmet une valeur de qualité à l’encodeur du navigateur. Une qualité de 100 ne garantit pas une sortie WebP sans perte : téléchargez et vérifiez le résultat. AVIF peut offrir une compression efficace selon l’image et l’encodeur. Lire AVIF et écrire AVIF sont deux capacités distinctes du navigateur. Un format de sortie indisponible ne peut pas être exporté ici.

Affichage des images

Définissez largeur et hauteur ou aspect-ratio en CSS pour réserver l’espace. Utilisez des tailles adaptatives si nécessaire. Chargez rapidement l’image principale et envisagez le chargement différé plus bas. Mesurez la page publiée sur mobile : changer de format ne garantit pas une amélioration de LCP, CLS ou INP.

Foire Aux Questions