Il faut se rendre à l’évidence : lorsque vous créez un site WordPress, vous devez vous rappeler de beaucoup de choses. Le plus important est sans doute la pertinence des images et la façon dont elles sont dimensionnées, compressées et optimisées. Bien que WordPress gère automatiquement un certain nombre de tailles d’images, il existe également des mesures que vous pouvez prendre pour en ajouter d’autres.

Avant d’aborder la question de l’ajout d’une taille d’image dans WordPress, parlons des tailles d’image déjà disponibles par défaut. Vous pouvez déjà manipuler les tailles d’image par défaut dans votre tableau de bord d’administration de WordPress.

Cependant, pour ajouter des tailles d’image supplémentaires comme celle d’une image à la une de WordPress, vous devrez modifier le fichier functions.php un peu et utiliser un plugin de régénération de vignettes. Nous y arriverons.

Tailles des images WordPress

Par défaut, chaque fois que vous téléchargez une image dans votre médiathèque, WordPress crée quatre tailles d’image. Celles-ci comprennent :

  • Taille des vignettes (150px carré)
  • Taille moyenne (maximum 300px en largeur et en hauteur)
  • Grande taille (maximum 1024px en largeur et en hauteur)
  • Pleine grandeur (taille de l’image originale que vous avez téléchargée)

Maintenant, si le thème que vous utilisez spécifie des tailles d’images supplémentaires, alors WordPress les crée également. Un bon exemple de cela serait une image plus rectangulaire.

Les informations ci-dessus s’appliquent également à l’éditeur de bloc Gutenberg. Vous pourrez voir toutes les sélections ci-dessus dans le bloc d’images que vous pouvez utiliser pendant l’édition.

Il existe également d’autres tailles d’image WordPress recommandées pour d’autres types de contenu. Là encore, vous n’êtes pas obligé de respecter ces règles. Mais ces tailles sont recommandées pour certains types d’images.

Cela dépendra en grande partie de vos goûts personnels et de l’aspect que vous souhaitez donner à vos mises en page. Voici quelques recommandations :

  • Messages du blog : 1200 x 630px
  • Images de héros (images plein écran) : 2880 x 1500px
  • Image d’un élément de paysage : 900 x 1200px
  • Portrait de l’image : 1200 x 900
  • Diaporama plein écran : 2800 x 1500px
  • Galerie d’images : 1500px x largeur auto

Modification des tailles d’image par défaut de WordPress

Pour accéder aux tailles d’image par défaut proposées par WordPress et les modifier, vous devez être connecté à votre tableau de bord d’administration WordPress.

Une fois connecté au tableau de bord, cliquez sur Paramètres Médias. Cela vous amènera à la page des médias du tableau de bord où vous pourrez modifier la taille des images par défaut pour qu’elles correspondent à ce que vous voulez.

En relation  Comment agrandir des images pour WordPress sans perdre en qualité

Il suffit de faire les modifications que vous souhaitez et de cliquer sur le bouton “Enregistrer les modifications” en bas de la page. WordPress modifiera la taille de l’image par défaut en fonction de votre sélection.

Examinons maintenant les formats d’image, les compressions et l’optimisation.

Formats d’images WordPress et choix du bon format

Alors, continuons à aller de l’avant. Maintenant, vous comprenez que WordPress fournit à chacun plusieurs tailles d’image par défaut à utiliser et à choisir. Vous pouvez également définir des “tailles d’image uniques” dans l’éditeur d’images. Cependant, elles ne sont pas toujours correctes.

Il existe deux types de formats d’images utilisés en ligne. Il s’agit des formats JPEG et PNG. Beaucoup de gens veulent utiliser un PNG quoi qu’il arrive. Cependant, le JPEG est un fichier de plus petite taille et de meilleure qualité pour les photos et les images avec beaucoup de couleurs. C’est pourquoi il est généralement le format préféré dans la majorité des cas.

Un fichier PNG fonctionne mieux avec des images en couleurs limitées comme les logos, les couleurs d’icônes et autres graphiques. Le choix du bon style d’image affectera la vitesse de votre site et la qualité globale de l’image que vous présentez.

Voici une règle de base à retenir pour l’utilisation des images :

  • JPEG pour les photos
  • PNG pour les graphiques

Le fichier image JPEG comprend toutes les tailles d’image, y compris la taille de la vignette WordPress.

Si vous avez une image pleine de couleurs, avec des textures et des dégradés différents, enregistrez-la au format JPEG. S’il s’agit d’un logo, d’un texte ou d’une image aux couleurs plates, enregistrez-le au format PNG.

Passons à autre chose.

Quelle est l’importance de la compression et de l’optimisation des images ?

Avant de vous montrer comment ajouter vos propres tailles d’images dans WordPress, parlons de l’importance de la compression et de l’optimisation des images. Beaucoup d’entre vous connaissent le rôle important que jouent les images dans un site web.

Tout d’abord, des images trop grandes vont ralentir considérablement le temps de chargement de votre site. Pour cette seule raison, elles doivent être automatiquement redimensionnées et compressées pour fonctionner et se charger de manière optimale sur votre site web.

En fait, selon Neil Patel, 47 % des personnes s’attendent à ce que votre site web se charge en moins de 2 secondes. Un autre 40 % l’abandonnera s’il met plus de 3 secondes à se charger. La communauté en ligne n’a pas beaucoup de patience en ce qui concerne les temps de chargement des sites web.

En relation  Comment mettre en place un diaporama WordPress avec MetaSlider

La vitesse est également importante pour le référencement. Google utilise le temps de chargement comme facteur de classement des pages dans son moteur de recherche. Plus la page est lente, moins elle sera performante dans les résultats de recherche.

L’optimisation en matière de SEO est également très importante. Les images génèrent du trafic vers votre site. Une bonne structure d’image SEO et l’inclusion de choses comme les balises ALT vous aideront à obtenir un meilleur classement.

Comment ajouter des tailles d’images personnalisées dans WordPress

Note : Si cela vous semble un peu trop technique, contactez le développeur de votre site web pour obtenir de l’aide.

Afin d’utiliser WordPress pour ajouter une taille d’image qui n’est pas déjà là, vous allez devoir ajouter du code dans votre fichier functions.php. C’est le code que nous allons utiliser aujourd’hui pour ajouter au fichier :

La fonction ci-dessus accepte fondamentalement 4 paramètres différents dans l’ordre suivant :

Le nom que vous décidez de donner à votre taille d’image personnalisée.

La largeur de l’image en pixels.

La hauteur de l’image en pixels.

L’image doit-elle être recadrée pour s’adapter à la largeur et à la hauteur que vous avez spécifiées ci-dessus.

Pour ajouter le code ci-dessus, vous devez accéder au fichier functions.php de votre thème WordPress.

Cliquez sur Apparence Editeur de thème. Cela vous mènera aux fichiers d’édition de votre site web.

De là, cherchez le fichier “Theme Functions (functions.php)”. Cliquez dessus pour ouvrir le fichier correspondant afin que nous puissions insérer le code ci-dessus.

Maintenant, faites défiler le fichier vers le bas et placez le code que j’ai indiqué en bas.

Maintenant, cliquez sur le bouton “Mettre à jour le fichier” et vous pouvez y aller.

Si vous revenez à la taille de vos images dans les médias, vous remarquerez qu’une nouvelle option a été ajoutée. Vous pourrez désormais l’utiliser où vous voulez sur votre site WordPress.

Régénérer les vignettes

Chaque fois que vous effectuez des changements de médias dans WordPress, il est important de régénérer vos images miniatures. Ces changements comprennent des choses comme :

  • Changer ou modifier les tailles d’image par défaut de WordPress.
  • Ajout de tailles d’images personnalisées
  • Passage à un nouveau thème WordPress.

Vous voyez, quand vous faites des changements comme ceux qui sont mentionnés ci-dessus, ils n’affectent que les images qui avancent à partir de là. Cela ne modifie ni ne met à jour rien dans votre médiathèque actuelle.

En relation  Édition d'images dans WordPress

Pour ce faire et pour avancer de la bonne façon après les changements d’images, vous devez utiliser un petit plugin génial appelé Regenerate Thumbnails. Ce plugin est simple à utiliser, très léger et vous permettra de mettre à jour toutes vos images après avoir effectué des changements de taille et des mises à jour.

Tout d’abord, installez et activez le plugin. Vous pouvez le faire en vous rendant sur la page des plugins de votre tableau de bord d’administration WordPress.

Une fois le plugin installé et activé, cliquez sur Outils Régénérer les vignettes.

Vous serez renvoyé à la page principale de configuration du plugin. Ici, le processus est très simple. Il suffit de cliquer sur le bouton du choix que vous souhaitez en fonction de votre configuration.

Chaque configuration est différente en fonction de ce que vous avez dans votre médiathèque et des pièces jointes que vous avez en direct. Dans cet exemple, nous en avons deux différentes. Nous allons donc régénérer les vignettes pour les deux.

Note : Vous verrez également une liste de toutes les tailles d’images que vous avez actuellement enregistrées sur votre site web. Encore une fois, cette liste diffère d’un site à l’autre. Cependant, vous pouvez voir tout ce qui est listé et savoir que le plugin s’occupe de tout ce que vous avez.

Note : Il existe deux options alternatives énumérées au bas de cette page. Toutefois, je vous recommande de vous en tenir à la procédure ci-dessus.

C’est tout ! Vous avez réussi à créer des tailles d’images personnalisées dans WordPress et à régénérer les vignettes de la bonne manière.

Vous pouvez répéter le processus ci-dessus et ajouter autant de tailles d’images différentes que vous le souhaitez. Il suffit de remplacer les aspects de taille dans le code ci-dessus.

Dernières réflexions

Bien que WordPress vous donne plusieurs tailles d’image par défaut, il y a des moments où vous voulez en ajouter d’autres. Souvent, votre thème enregistrera également des tailles d’image personnalisées.

Si cela ne suffit pas, utilisez le processus ci-dessus pour ajouter les tailles d’image que vous souhaitez. N’oubliez pas de terminer le processus, d’utiliser le plugin Regenerate Thumbnails, puis de vous assurer que vous avez un bon outil de compression et d’optimisation qui fonctionne également.

Beaucoup de ces éléments fonctionnent ensemble pour vous offrir la meilleure vitesse de site et le meilleur référencement possible.

Avez-vous déjà essayé d’enregistrer une nouvelle taille d’image WordPress en utilisant la technique ci-dessus ? Trouvez-vous que la plupart des thèmes vous offrent de nombreuses tailles d’images intégrées avec lesquelles vous pouvez travailler ?