Gestion des images sous WordPress : Taille Nommage & Optimisation

Les images sont considérés par WordPress comme des Médias

Une image importé, par défaut, sera définitivement dans votre bibliothèque de média et vous pourrez l’utiliser à plusieurs endroit de votre site (par exemple une seule image peut servir à illustrer plusieurs articles et même plusieurs pages)

WordPress génère automatique 4 tailles d’images différentes, à savoir :

Thumbnail – 150px de large et 150px de hauteur, un format carré, il s’agit d’un hardcrop
Medium – 300px maximum de large et 300px maximum de hauteur
Large – 1024px maximum de large et 1024px maximum de hauteur
Full – garde la taille originale de l’image

Configurer les tailles d’images

Dans WordPress, lorsque vous importez une image dans la bibliothèque de médias, elles sont automatiquement traitées et créées en tailles intermédiaires que vous pourrez utiliser pour les images mises en avant, mais aussi dans vos articles ou vos templates.

Vous pouvez personnaliser ces tailles dans l’administration

Réglages > Médias.

L’interface permettant de configurer les différentes tailles d’images.
WordPress ne propose que 3 tailles par défaut : Miniature, moyenne et grande
On constate que l’on peut modifier 3 tailles, et 3 tailles seulement :

Le format miniature est carré par défaut, et sert à l’affichage des miniatures dans la bibliothèque de média. Je vous conseille donc de ne pas toucher à ce réglage.

La taille moyenne est configurée sur 300px.
La taille grande est configurée sur 1024px.

Je vous conseille de régler

la taille moyenne en 1536px
la grande taille en 2048px.

Optimiser et retailler des médias dans WordPress

Optimiser et retailler des images pour WordPress avec https://www.iloveimg.com/fr

Recommandations (standards)

16/9 : _ Grande 2048 px * 1152 px _ Moyenne 1024 px * 576 px _ Petite 889 px * 500 px
4/3 : _ Grande 2048 px * 1536 px _ Moyenne 1024 px * 768 px _ Petite 667 px * 500 px
Carré : _ Grande 2048 px * 2048 px _ Moyenne 1024 px * 1024 px _ Petite 800 px * 800 px