Tailles des images WordPress

Taille des images WordPress : comment fonctionnent les images sur WordPress & les meilleures pratiques pour ton site web

Avec WordPress, il est facile d'ajouter des images à tes articles et pages de blog. Néanmoins, pour que ces images aient belle allure, tu devrais choisir la bonne taille d'image. C'est de cela que nous parlons aujourd'hui : la taille des images WordPress.

Il est important de savoir comment les tailles d'image fonctionnent sur les sites web WordPress et comment tu peux ajouter des tailles d'image personnalisées à ton site web. Tu peux alors utiliser le type de fichier image le plus approprié, à la bonne taille et au bon endroit. 

La bonne taille d'image ne rend pas seulement ton site web plus cohérent, elle facilite également le partage de tes articles de blog. Découvre dans cet article comment utiliser les bonnes tailles d'image pour ton site web WordPress.

Nous couvrons les sujets suivants : 

  • Comment WordPress gère les images que tu télécharges
  • Comment redimensionner et modifier des images sur WordPress
  • Les meilleures tailles d'image pour WordPress
  • Meilleures pratiques pour la taille des images sur WordPress
  • Comment ajouter des tailles d'image personnalisées sur WordPress
  • Conclusion sur les tailles d'image de WordPress et les meilleures pratiques générales

Comment WordPress gère les images que tu télécharges

Comme nous l'avons déjà mentionné, la taille de l'image est importante pour WordPress. Si tu choisis la mauvaise taille, tes images auront l'air floues. Pire encore, si tes images sont trop grandes, elles peuvent ralentir ton site web.

Une taille d'image incorrecte peut également perturber la mise en page de ta page ou de ton article de blog et entraîner un défilement latéral inutile. La bonne nouvelle est que WordPress dispose d'un paramètre intégré qui te permet d'éviter ces problèmes

Taille des images WordPress

  • Taille de la vignette : 150 x 150 pixels
  • Taille moyenne : 300 x 300 pixels 
  • Taille la plus grande : 1024 x 1024 pixels
  • Pleine taille : correspond par défaut à la taille originale de l'image téléchargée.

Lorsque tu télécharges une image sur WordPress, ces quatre tailles d'images différentes sont créées par défaut. 

Il existe deux raisons pour lesquelles WordPress crée ces tailles d'image. Tout d'abord, tu ne dois pas redimensionner les images manuellement. Deuxièmement, il garantit que la bonne taille d'image est sélectionnée pour les différents endroits de ton site web. 

Par exemple,WordPress affiche les vignettes d'une liste d'articles de blog dans un widget de barre latérale ou de pied de page. Cependant, une image qui doit apparaître dans l'en-tête ou dans le message lui-même doit être plus grande. Par conséquent, WordPress sélectionne l'une des tailles d'image les plus grandes pour s'assurer que l'image peut être vue clairement. 

Ainsi, si tu souhaites utiliser la même image à différents endroits sur ton site web, tu ne dois pas perdre de temps à la redimensionner manuellement ou à te souvenir de la taille d'image dont tu as besoin. Télécharge simplement une image, et WordPress s'occupera du reste.

Comment redimensionner et modifier des images sur WordPress

Sur WordPress, tu peux modifier la taille des images standard dans WordPress. Il suffit de quelques clics pour que les tailles des images soient définies en un rien de temps. 

Pour modifier les tailles d'image par défaut, va dans Paramètres > Médias. Comme tu peux le voir dans la capture d'écran, toutes les tailles d'image par défaut y sont répertoriées. Tu peux facilement les ajuster en saisissant tes dimensions préférées.

Paramètres de taille des images WordPress
Tailles standard des images sur WordPress

Lorsque tu as ajusté les tailles standard des images WordPress à tes dimensions préférées, clique sur Enregistrer les modifications. À l'avenir, toutes les images que tu téléchargeras sur ton site web seront adaptées aux nouvelles dimensions. 

Quand faut-il modifier les tailles standard des images WordPress ?

Il existe quelques situations dans lesquelles tu peux avoir besoin de modifier les tailles par défaut des images de WordPress, comme par exemple si tu as acheté un thème WordPress qui utilise des tailles d'image personnalisées et que tu veux t'assurer que WordPress redimensionne tes images téléchargées en fonction de ces dimensions. 

Un autre exemple est celui des esprits créatifs qui ont besoin de tailles d'image spécifiques pour mettre en valeur leur travail. Il peut également être nécessaire de modifier les tailles d'image par défaut si tu as une boutique en ligne et que tu as besoin de tailles d'image spécifiques pour tes images de produits.

Meilleures pratiques pour la taille des images sur WordPress

Outre la taille correcte des images, il existe quelques autres bonnes pratiques pour WordPress. 

Optimiser la taille des fichiers d'images

Les images sont souvent l'une des principales causes des temps de chargement lents. Si tes fichiers image sont trop volumineux, ton public devra attendre longtemps que le navigateur les télécharge et les rende visibles. 

Avant de télécharger des photos sur ton site web, tu dois donc réduire la taille de leur fichier. En général, tu dois viser une taille de fichier de 150 Ko ou moins lorsqu'il s'agit d'images. Tu peux réduire la taille du fichier en enregistrant l'image à une qualité inférieure. 

Pour les photos de grande taille, comme les fonds d'écran, tu dois trouver un bon équilibre entre la taille du fichier et la qualité. En d'autres termes, tu souhaites réduire la taille du fichier tout en évitant que l'image ne soit pixellisée.

Optimiser les images pour WordPress : les 6 plugins de compression d'images les plus populaires

Tu peux également utiliser des outils de compression d'images. Ils te permettent de réduire la taille du fichier sans compromettre la qualité. Nous te présentons 5 plugins pour optimiser tes images.

Images WordPress Tailles TinyPNG
TinyPNG, un outil de compression d'images

TinyJPG est un outil de compression d'images en ligne qui te permet de réduire considérablement la taille de tes images - jusqu'à 70 % - sans compromettre la qualité. 

Tu peux compresser gratuitement jusqu'à 20 images d'une taille maximale de 5 Mo à la fois. Tu peux également souscrire au plan Pro de TInyJPG, qui commence à 25 $/an par utilisateur·rice. Le plan Pro te permet de compresser plus de 20 images à la fois et supprime la limite de taille de 5 Mo pour les images WordPress.  

TinyJPG est une excellente solution pour les images que tu souhaites télécharger sur ton site web. Mais qu'en est-il des images qui se trouvent déjà sur ton site web ? C'est là qu'un plugin comme ShortPixel entre en jeu. 

WordPress Images Tailles Shortpixel
Le plugin ShortPixel Image Optimizer pour WordPress

Le plugin t'aide à compresser les images que tu as déjà téléchargées sur ton site web. Il traite et compresse également tous les futurs téléchargements d'images. Il réduit la taille des fichiers jusqu'à 75 % sans perte de qualité notable. 

En outre, tu peux utiliser le plugin pour convertir tous les formats d'image JPG, PNG et GIF en formats WebP et AVIF, qui ont été explicitement développés pour la compression avec et sans perte des images sur le web et dans ta médiathèque.

ShortPixel est gratuit pour un maximum de 100 images/mois. Tu peux acheter des crédits d'image supplémentaires à partir de 4,99 $ pour 7 000 crédits d'image.

Utiliser le bon type d'image

Avec WordPress, tu peux télécharger des photos dans différents formats. En général, les images sont enregistrées au format JPG, PNG ou GIF. Cependant, chacun de ces formats a ses propres avantages et inconvénients. 

Voici un aperçu des différents types d'images :

  • JPG (JPEG) est l'abréviation de Joint Photographic Experts Group. Ce type de fichier prend en charge 16 millions de couleurs et présente généralement la plus petite taille de fichier pour les photos. Ce type de fichier est idéal pour les images d'arrière-plan, les photos de produits, les images en vedette et, en général, toutes les images ou photos que tu souhaites utiliser sur ton site Web. 
  • PNG est l'abréviation de Portable Network Graphic. Ce format d'image prend en charge moins de couleurs que le JPG. Toutefois, tu peux enregistrer des images avec un arrière-plan transparent. C'est un bon choix pour les images de logo, les motifs d'arrière-plan, les graphiques décoratifs de sites web, les icônes de médias sociaux et autres. Les images enregistrées au format PNG peuvent donner lieu à des fichiers plus volumineux si l'image contient beaucoup de détails. 
  • GIF est l'abréviation de Graphics Interchange Format et prend en charge les 256 couleurs et la transparence. Les GIFs peuvent également être animés. Les GIF peuvent être petits, mais ils peuvent aussi donner lieu à des fichiers plus volumineux s'ils contiennent des animations complexes. 

Garde un œil sur la résolution de l'image

Un autre aspect à prendre en compte lors de l'optimisation des images pour le web est la résolution de l'image. La résolution de l'image est mesurée en points par pouce (DPI) et détermine la qualité de l'image. Plus la valeur DPI est élevée, plus la résolution de l'image est élevée. 

Pour le Web, la résolution de ton image doit être fixée à 72 DPI, car c'est la valeur par défaut. Une résolution plus élevée se traduit par une taille plus importante et contribue à un chargement plus lent de ton site web.

"*" indique les champs requis

Je souhaite m'abonner à la newsletter pour être informé des nouveaux articles de blog, des ebooks, des fonctionnalités et des nouvelles de WordPress. Je peux retirer mon consentement à tout moment. Merci de prendre connaissance de notre politique de confidentialité.
Ce champ sert à la validation et ne doit pas être modifié.

Pour ajouter des tailles d'image personnalisées WordPress

Tu peux ajouter des tailles d'image personnalisées en modifiant ton fichier functions.php. Disons que tu souhaites ajouter une taille d'image personnalisée pour ton image en vedette. 

Pour les ajouter à ton thème, il te suffit de procéder comme suit :

Dans ton tableau de bord WordPress, va dans Apparence > Éditeur. Ouvre le fichier functions.php et recherche la ligne de code suivante :

add_theme_support( 'post thumbnails' ) ;

Si tu ne l'y trouve pas, ajoute cette ligne et clique ensuite sur le bouton Mettre à jour le fichier. Ajoute ensuite la ligne suivante au fichier functions.php : 

add_image_size( 'blog featured image', 1280, 630 ) ;

La ligne ci-dessus ajoute la taille personnalisée à ton thème et spécifie la largeur et la hauteur de la nouvelle taille de l'image. Mets à jour le fichier pour enregistrer les modifications. 

Ensuite, tu dois mettre à jour le code dans ton thème pour afficher la nouvelle taille d'image personnalisée que tu peux sélectionner lors du téléchargement. Cette fois, ouvre le fichier index.php et insère la ligne de code suivante : 

the_post_thumbnail( 'blog featured image' ) ; 

WordPress Images Tailles Image Régénérer Sélectionner Crop
Plugin Image Regenerate & Select Crop pour WordPress

Ensuite, mets à jour le fichier pour enregistrer les modifications. N'oublie pas que ta taille d'image personnalisée sera écrasée à chaque mise à jour de thème si tu utilises la méthode manuelle. 

Par conséquent, nous te recommandons d'utiliser un thème enfant ou d'ajouter des tailles d'image personnalisées à l'aide du plugin Image Regenerate & Select Crop. Grâce à ce plugin, tu peux facilement enregistrer de nouvelles tailles d'images personnalisées et régénérer les vignettes en fonction des nouvelles tailles d'images. 

Conclusion : la taille des images WordPress et meilleures pratiques générales

Les images t'aident à raconter ton histoire et permettent à ton lectorat de s'identifier plus facilement à tes articles et de susciter leur intérêt. 

Il est donc important que tu choisisses la bonne taille pour ton site web. Les conseils de cet article t'aideront à définir la bonne taille pour tes images et à ajouter des tailles d'image personnalisées sur WordPress. 

Pour que tes efforts d'optimisation de la taille des images sur WordPress soient payants, tu dois sécuriser ton site web avec un hébergement fiable. Il ne sert à rien d'accélérer ton site web s'il est lié à un hébergement de qualité inférieure. 

Essaie l'hébergement WordPress avec Raidboxes pour donner à ton site web les temps de chargement rapides que ton groupe cible mérite. Tu peux nous contacter si tu souhaites en savoir plus sur les avantages de l'hébergement infogéré de WordPress

Tes questions sur les formats d'image de WordPress

Quelles questions as-tu sur les tailles d'image WordPress ? N'hésite pas à nous faire part de tes commentaires. Tu t'intéresses aux sujets d'actualité concernant WordPress et le design web ? Alors suis Raidboxes sur Twitter, Facebook, LinkedIn ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

2 commentaires sur "Taille des images WordPress : Comment fonctionnent les images dans WordPress & les meilleures pratiques pour ton site web".

  1. Ich habe es eben ausprobiert und ein Foto mit 240 dpi und das Gleiche mit 72 dpi exportiert. Die Dateigröße ist dabei die gleiche geblieben. Also macht es keinen Unterschied und spare nichts ein.

  2. Ein Pixel ist ein Pixel. Außer bei Retina-Displays interessiert es auf Websites schlicht absolut gar nicht, was für eine Auflösung die Bilder haben. Die Auflösung ist nur dann interessant, wenn das Bild gedruckt werden sollte. Ich frage mich, wann dieser blödsinnige Mythos endlich stirbt.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués d'un *.