Guide du débutant sur la taille des images WordPress (+ bonnes pratiques)

Voulez-vous en savoir plus sur la taille des images sur WordPress ?

À propos des tailles d’images à utiliser sur leur site WordPress, les débutants nous posent souvent des questions sur la manière dont WordPress gère les images dans les différentes zones.

Dans ce guide pour débutants, nous expliquerons les tailles d’images WordPress courantes, et partagerons les meilleures pratiques pour savoir quelles tailles utiliser sur votre site.

Qu’est-ce qu’une taille d’image ?

La taille de l’image fait généralement référence à la largeur et à la hauteur d’une image mesurée en pixels. Par exemple, 1600×900 pixels signifie que l’image a une largeur de 1600 pixels et une hauteur de 900 pixels.

Ces mesures sont également appelées dimensions de l’image.

En principe, une image aux dimensions plus importantes contient plus de pixels, ce qui a pour effet d’augmenter la taille du fichier image.

La taille d’un fichier image est l’espace qu’il occupe sur un ordinateur et se mesure en octets. Par exemple, 100 KB (kilo-octets).

Si une image est plus volumineuse, son téléchargement sera plus long pour les utilisateurs/utilisatrices et affectera la vitesse et les performances de votre site. C’est pourquoi il est important de réduire au maximum la taille du fichier de l’image, tout en conservant les bonnes dimensions.

Ce qui nous amène aux formats de fichiers d’images.

Les formats de fichiers image sont les technologies de compression permettant d’enregistrer vos fichiers image. Les plus couramment utilisés sur le web sont JPEG et PNG.

Les images comme les photographies qui contiennent plus de couleurs peuvent être mieux compressées en utilisant le format de fichier JPEG.

En revanche, les images telles que les illustrations avec moins de détails de couleur peuvent utiliser le format PNG pour obtenir les meilleurs résultats.

Pour plus de détails sur les formats de fichiers images, consultez notre article sur l’optimisation des images dans WordPress.

Ceci étant dit, voyons quelles tailles d’images utiliser dans WordPress pour les différentes parties de votre site.

Quelle taille doivent avoir mes images pour mon site WordPress ?

Pour un site WordPress moyen, vous utiliserez des images dans plusieurs domaines de votre site web. Vous aurez besoin d’images pour vos publications de blog, vos miniatures, vos en-têtes de page, vos images de couverture, et bien plus encore.

Par défaut, WordPress gère automatiquement certaines tailles de fichiers d’images. Lorsque vous téléversez une image, WordPress en fait automatiquement plusieurs copies de tailles différentes.

Vous pouvez voir et même ajuster les tailles d’image par défaut de WordPress en visitant la page Réglages  » Médias dans la zone d’administration de WordPress.

Vous verrez trois tailles : moyenne, miniature et grande.

Cependant, votre thème WordPress peut créer ses propres tailles d’images supplémentaires et les utiliser pour différentes sections de votre site.

Ces tailles ne seront pas visibles sur l’écran Média, et la seule façon de voir ces tailles supplémentaires est d’aller dans le gestionnaire de fichiers de votre compte d’hébergement WordPress.

Naviguez ensuite vers le dossier /wp-content/uploads/ et sélectionnez n’importe quel dossier annuel pour le parcourir. Cela vous aidera à voir les différentes tailles d’images que votre site WordPress génère.

Ceci étant dit, examinons les différentes zones de votre site et les tailles d’image à utiliser dans ces zones.

Quelle taille d’image utiliser dans les publications de blog ?

Vous devez choisir la taille de l’image pour vos publications de blog en fonction de votre thème WordPress.

Par exemple, certains thèmes WordPress sont dotés d’une mise en page en une seule colonne, ce qui vous permet d’utiliser des images plus larges.

D’autre part, certains thèmes WordPress utilisent des mises en page multi-colonnes (contenu + colonne latérale), ce qui signifie que vous devez ajuster la largeur de l’image en conséquence.

Pour la plupart des blogs, vous pouvez utiliser les tailles d’image suivantes :

• Mise en page en une seule colonne : 1200×675
• Mise en page en deux colonnes : 680×382

Maintenant, vous remarquerez peut-être que de nombreux sites WordPress populaires utilisent la même largeur d’image pour toutes leurs images à l’intérieur d’un article. Toutefois, il ne s’agit pas d’une règle stricte.

Par exemple, si vous devez ajouter un bloc « Média et texte », vous pouvez ajuster la taille de l’image en conséquence. Dans l’exemple ci-dessous, nous utilisons une image en format portrait à côté d’un texte.

De même, vous pouvez souhaiter utiliser des images carrées dans certaines situations.

Voici, par exemple, un exemple d’images carrées utilisées dans une mise en page à plusieurs colonnes.

Lorsque vous utilisez des images carrées, vous devez simplement vous assurer que les dimensions de l’image ont la même largeur et la même hauteur, par exemple 300 x 300 pixels.

Quelles tailles d’image utiliser pour les mises en avant ?

Lesimages mises en avant, également appelées miniatures de publication, sont une fonctionnalité des thèmes WordPress. Cela signifie que votre thème déterminera la taille des images à afficher.

Par exemple, certains thèmes WordPress peuvent utiliser la proportion de taille standard 16:9 pour les tailles des images mises en avant (par exemple, 680×382 pixels).

Certains thèmes WordPress peuvent également utiliser l’image mise en avant comme une image d’en-tête plus grande. Pour ce faire, ils peuvent avoir besoin d’images plus grandes (comme 1200×675).

Les images mises en avant sont importantes car votre thème WordPress peut les utiliser dans différentes zones de votre site. Elles sont souvent la première chose que vos internautes voient, vous voudrez donc faire une bonne première impression.

Nous recommandons d’utiliser des images plus grandes, afin qu’elles restent belles, qu’elles soient redimensionnées ou utilisées dans des modes plus larges.

De même, si votre thème WordPress utilise des images carrées pour l’image mise en avant, nous vous recommandons d’utiliser des images d’au moins 600×600 pixels.

• Pour les thèmes qui utilisent des images mises en avant rectangulaires : 1200×687 pixels
• Pour les thèmes utilisant des images mises en avant carrées : 600×600 pixels

Votre thème WordPress génère des tailles supplémentaires pour les images mises en avant à utiliser dans différentes zones telles que la page d’accueil, les pages de blog ou les pages d’archives.

Quelle taille d’image utiliser pour les réseaux sociaux ?

Maintenant, si votre thème WordPress utilise des mises en avant dont la proportion de taille est de 16:9, vous pouvez également les utiliser comme images de réseaux sociaux pour Twitter et Facebook.

Cependant, vous devrez explicitement indiquer à ces plateformes quelle image vous souhaitez afficher lorsque quelqu’un partage un article de votre site.

Pour ce faire, vous aurez besoin de l’extension All in One SEO pour WordPress. C’est la meilleure extension de référencement WordPress sur le marché utilisée par plus de 3 millions de sites. Il vous aide à optimiser votre site pour les moteurs de recherche et les plateformes de réseaux sociaux.

Note: Il existe également une version gratuite limitée de All in One SEO que vous pouvez essayer.

Tout d’abord, vous devez installer et activer l’extension. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Dès qu’il est activé, l’extension lance l’assistant de configuration. Suivez les instructions à l’écran pour terminer l’assistant. Vous pouvez également consulter notre guide sur la façon de configurer All in One SEO pour obtenir des instructions étape par étape.

Après cela, vous devez vous rendre sur la page All in One SEO  » Réseaux sociaux et passer à l’onglet Facebook. À partir de là, vous pouvez définir  » Image mise en avant  » comme votre source d’image Open Graph par défaut.

Vous pouvez ensuite passer à l’onglet Twitter et faire la même chose.

N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour stocker vos réglages.

Si votre thème WordPress utilise des images d’une taille différente, il se peut que Facebook et Twitter ne puissent pas afficher ces images correctement.

Dans ce cas, vous pouvez fournir aux plateformes de réseaux sociaux une image personnalisée.

Il suffit de créer une image avec une proportion de taille 16:9 (1200×675 pixels ou 680×382 pixels). Modifiez ensuite la publication ou la page et défilez vers la section Réglages AIOSEO sous l’éditeur.

À partir de là, vous devez passer à l’onglet Social et défiler vers le bas jusqu’à la section Source d’image. Dans le menu déroulant, sélectionnez Image personnalisée, puis téléversez votre image Facebook.

Vous devrez répéter le processus sur l’onglet Twitter également.

Vous devrez procéder ainsi pour tous les articles que vous publiez afin que les réseaux sociaux utilisent l’image que vous souhaitez qu’ils utilisent.

Pour d’autres tailles d’images de réseaux sociaux, consultez notre cheat sheet WordPress sur les réseaux sociaux pour les débutants.

Quelle taille d’image utiliser pour le logo d’un site sur WordPress ?

De nombreux thèmes WordPress vous indiqueront la taille d’image à utiliser pour le logo de votre site.

Par exemple, notre thème de démonstration affiche ce message lorsque nous essayons de téléverser un logo.

Toutefois, si vous utilisez un thème WordPress plus récent doté d’une fonctionnalité de modification complète du site, il se peut que vous ne receviez pas de recommandation concernant la taille de l’image du logo.

Dans ce cas, nous vous recommandons de téléverser différents styles et tailles pour voir ce qui convient le mieux à votre marque. Une taille d’image de logo de 300 x 200 pixels peut être un bon point de départ.

Modifier les images de votre site WordPress

La plupart des utilisateurs/utilisatrices de WordPress ne sont pas des graphistes de profession. Cependant, vous devrez utiliser un logiciel de modification d’images pour créer des images de taille pour votre site WordPress.

WordPress lui-même est livré avec quelques outils de modification d’image de base. Pour les utiliser, il suffit de se rendre sur la page Média  » Bibliothèque et de cliquer sur une image.

L’image s’ouvrira dans une fenêtre surgissante où vous verrez un bouton permettant de modifier l’image.

Les options de modification s’ouvrent alors.

Les outils comprennent les fonctions de base pour redimmensionner, recadrer, faire pivoter et retourner les images.

Cette modification d’image de base s’avère très pratique si vous devez rapidement corriger une image. Cependant, ce n’est pas la meilleure façon de modifier vos images au quotidien.

Heureusement, il existe plusieurs options gratuites et peu coûteuses que vous pouvez utiliser.

• Canva – logiciel web gratuit de modification d’images. Il comprend également des modèles prêts à l’emploi pour les images de sites web, les logos, les images de réseaux sociaux, et plus encore.
• Pixlr – Logiciel web gratuit de modification d’images. Peut être utilisé pour redimmensionner facilement des images pour vos publications de blog.
• Gimp – Logiciel de modification d’images gratuit et open source. Il fonctionne comme une application de bureau native sur Windows, Mac et Linux. Il permet de redimmensionner les modifications, d’ajouter des calques de texte, de modifier les photos, etc.

Nous espérons que cet article vous a aidé à en savoir plus sur les tailles d’images WordPress et sur les tailles d’images à utiliser sur votre site. Vous pouvez également consulter notre guide sur la façon de choisir le meilleur constructeur de sites Web ou notre choix d’experts des meilleures extensions WordPress pour les sites de petites entreprises.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.