WordPress Taille des images : Comment les images fonctionnent dans WordPress et les meilleures pratiques pour votre site web

Maddy Osman
7 Min.
Meilleur WordPress  Images Tailles

Avec WordPress , il est facile d'ajouter des images à vos articles et pages de blog. Mais pour que ces images aient un bel aspect, vous devez choisir la bonne taille d'image. C'est de cela que nous parlons aujourd'hui : WordPress Taille des images.

Il est important de savoir comment les tailles d'image fonctionnent sur les sites web WordPress et comment vous pouvez ajouter des tailles d'image personnalisées à votre site web. Vous pouvez 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 votre site Web plus cohérent, elle facilite également le partage de vos articles de blog. Découvrez dans cet article comment utiliser les bonnes tailles d'image pour votre site Web WordPress .

Nous couvrons les sujets suivants : 

  • Comment WordPress gère les images que vous téléchargez
  • Comment redimensionner et modifier des images dans 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 à WordPress
  • Conclusion sur les tailles d'image de WordPress et les meilleures pratiques générales

Comment WordPress gère les images que vous téléchargez

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

Une taille d'image incorrecte peut également perturber la mise en page de votre page ou de votre 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 vous permet d'éviter ces problèmes

WordPress Taille des images

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

Lorsque vous téléchargez une image dans WordPress ces quatre tailles d'images différentes sont créées par défaut. 

La raison pour laquelle WordPress crée ces tailles d'image est double. Tout d'abord, vous ne devez 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 votre 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 vous souhaitez utiliser la même image à différents endroits sur votre site Web, vous ne devez pas perdre de temps à la redimensionner manuellement ou à vous souvenir de la taille d'image dont vous avez besoin. Téléchargez simplement une image - WordPress s'occupera du reste. 

Comment redimensionner et modifier des images dans WordPress

Avec WordPress , vous pouvez 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, allez dans Paramètres > Médias. Comme vous pouvez le voir dans la capture d'écran, toutes les tailles d'image par défaut y sont répertoriées. Vous pouvez facilement les ajuster en saisissant vos dimensions préférées.

Tailles standard des images en WordPress
Tailles standard des images en WordPress

Lorsque vous avez ajusté les tailles standard des images WordPress à vos dimensions préférées, cliquez sur Enregistrer les modifications. À l'avenir, toutes les images que vous téléchargerez sur votre site web seront adaptées aux nouvelles dimensions. 

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

Il existe quelques situations dans lesquelles vous pouvez avoir besoin de modifier les tailles par défaut des images de WordPress . Par exemple, si vous avez acheté un site WordPress Theme qui utilise des tailles d'image personnalisées et que vous voulez vous assurer que WordPress redimensionne vos images téléchargées en fonction de ces dimensions. 

Un autre exemple est celui des 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 vous avez une boutique en ligne et que vous avez besoin de tailles d'image spécifiques pour vos images de produits.

Les meilleures tailles d'image pour WordPress

Les images sont utilisées à de nombreux endroits différents sur votre site web. 

Voici les meilleures tailles d'images pour WordPress , en fonction de l'endroit où vous souhaitez les utiliser :

  • Les images des blogs doivent être de 1200 x 630 pixels.
  • La taille de l'image d'en-tête de WordPress doit être de 1048 x 250 pixels.
  • L'image vedette doit mesurer 1200 x 900 pixels en mode paysage ou 900 x 1200 pixels en mode portrait.
  • Les images d'arrière-plan doivent être de 1920 x 1080 pixels
  • Les images du logo doivent avoir une taille de 200 x 100 pixels.
  • Les vignettes doivent avoir une taille de 150 x 150 pixels.

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 vos fichiers image sont trop volumineux, votre public devra attendre longtemps que le navigateur les télécharge et les rende visibles. 

Avant de télécharger des photos sur votre site web, vous devez donc réduire la taille de leur fichier. En général, vous devez viser une taille de fichier de 150 Ko ou moins lorsqu'il s'agit d'images. Vous pouvez 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, vous devez trouver un bon équilibre entre la taille du fichier et la qualité. En d'autres termes, vous souhaitez réduire la taille du fichier tout en évitant que l'image ne soit pixellisée.

Optimiser les images pour WordPress : les six plugins les plus populaires pour la compression d'images

Vous pouvez également utiliser des outils de compression d'images. Ils vous permettent de réduire la taille du fichier sans compromettre la qualité. Nous vous présentons 5 Plugins pour optimiser vos images.

TinyPNG, un outil de compression d'images
TinyPNG, un outil de compression d'images

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

Vous pouvez compresser gratuitement jusqu'à 20 images d'une taille maximale de 5 Mo à la fois. Vous pouvez également souscrire au plan Pro de TInyJPG, qui commence à 25 $/an par utilisateur : in. Le plan Pro vous 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 vous souhaitez télécharger sur votre site web. Mais qu'en est-il des images qui se trouvent déjà sur votre site web ? C'est là qu'un Plugin comme ShortPixel entre en jeu. 

ShortPixel Optimiseur d'images Plugin pour WordPress
ShortPixel Optimiseur d'images Plugin pour WordPress

Le site Plugin vous aide à compresser les images que vous avez déjà téléchargées sur votre 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, vous pouvez utiliser le site 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 votre médiathèque.

ShortPixel est gratuit pour un maximum de 100 images/mois. Vous pouvez 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 , vous pouvez 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 vedettes et, en général, toutes les images ou photos que vous souhaitez utiliser sur votre 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, vous pouvez 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. 

Gardez 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 votre 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 votre site web. 

Pour ajouter des tailles d'image personnalisées WordPress

Vous pouvez ajouter des tailles d'image personnalisées en modifiant votre fichier functions.php. Disons que vous souhaitez ajouter une taille d'image personnalisée pour votre image vedette. 

Pour les ajouter à votre Theme , il vous suffit de procéder comme suit :

Dans votre tableau de bord WordPress , allez dans Apparence > Éditeur. Ouvrez le fichier functions.php et recherchez la ligne de code suivante :

add_theme_support( 'post thumbnails' ) ;

Si vous ne l'y trouvez pas, ajoutez cette ligne et cliquez ensuite sur le bouton Mettre à jour le fichier. Ajoutez 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 à votre thème et spécifie la largeur et la hauteur de la nouvelle taille de l'image. Mettez à jour le fichier pour enregistrer les modifications. 

Ensuite, vous devez mettre à jour le code dans votre Theme pour afficher la nouvelle taille d'image personnalisée que vous pouvez sélectionner lors du téléchargement. Cette fois, ouvrez le fichier index.php et insérez la ligne de code suivante : 

the_post_thumbnail( 'blog featured image' ) ; 

Régénération d'images et sélection de cultures Plugin pour WordPress
Régénération d'images et sélection de cultures Plugin pour WordPress

Ensuite, mettez à jour le fichier pour enregistrer les modifications. N'oubliez pas que votre taille d'image personnalisée sera écrasée à chaque mise à jour de Theme si vous utilisez la méthode manuelle. 

Par conséquent, nous vous recommandons d'utiliser un enfant Theme ou d'ajouter des tailles d'image personnalisées à l'aide de l'outil Plugin Image Regenerate & Select Crop. Grâce à ce site Plugin , vous pouvez facilement enregistrer de nouvelles tailles d'images personnalisées et régénérer les vignettes en fonction des nouvelles tailles d'images. 

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

Les images vous aident à raconter votre histoire et permettent à vos lecteurs de s'identifier plus facilement à vos articles et de susciter leur intérêt. 

Il est donc important que vous choisissiez la bonne taille pour votre site web. Les conseils de cet article vous aideront à définir la bonne taille pour vos images et à ajouter des tailles d'image personnalisées sur WordPress . 

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

Essayez l'hébergementWordPress avec RAIDBOXES pour donner à votre site web les temps de chargement rapides que votre public cible mérite. Vous pouvez nous contacter pour en savoir plus sur les avantages de l'hébergement géré WordPress

Vos questions sur les formats d'image de WordPress

Quelles sont les questions que vous vous posez sur la taille des images sur WordPress ? Nous attendons vos commentaires. Êtes-vous intéressé par les sujets d'actualité autour de WordPress et de la conception web ? Suivez ensuite RAIDBOXES sur Twitter, Facebook, LinkedIn ou via notre newsletter.

Maddy Osman est une spécialiste en stratégie de contenu SEO. Elle travaille avec des client·e·s sélectionné·e·s dans les domaines de WordPress et de l'hébergement web. Avec une formation en webdesign et WordPress, elle a une profonde compréhension du SEO, et sait exactement comment connecter les marques avec un contenu pertinent pour le SEO.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

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