WordPress : la taille d’image optimale pour un site Web rapide

Le système de gestion de contenu WordPress offre de remplacer le format standard des images pour un format per­son­na­lisé. Dans cet article, nous vous pré­sen­tons les étapes im­por­tantes pour adapter la taille des images. Ces ex­pli­ca­tions sont basées sur la version de WordPress 6.0.3.

Les tailles d’image WordPress par défaut

Sur WordPress, la taille des fichiers images intégrées à un site Web a une grande influence sur sa vitesse de char­ge­ment. Le CMS WordPress propose un ensemble de formats stan­dar­di­sés sur le serveur lors du té­lé­char­ge­ment de médias. Adapter ce format permet de rac­cour­cir le temps de char­ge­ment en réduisant la charge de mémoire sur le serveur.

En­re­gis­trer les images WordPress dans le backend et adapter les tailles

Les tailles d’image sont définies dans les pa­ra­mètres de WordPress. En accédant à « Pa­ra­mètres » > « Médias » dans le backend, vous pourrez modifier ces pa­ra­mètres par défaut. Les chan­ge­ments sont cependant limités.

Une fois les médias té­lé­char­gés, vous pourrez trouver des fichiers sup­plé­men­taires dans la bi­blio­thèque des médias. Le ré­per­toire cor­res­pon­dant est https://mondomaine.fr/wp-content/uploads/ ou https://mondomaine.fr/wp-content/uploads/2022/11/ (si les dossiers sont basés sur le mois ou l’année). Les images té­lé­char­gées se trouvent par exemple dans les fichiers suivants :

• image-type-1024x683.jpg
• image-type-150x150.jpg
• image-type-1536x1024.jpg
• image-type-2048x1365.jpg
• image-type-300x200.jpg
• image-type-620x413.jpg
• image-type-re­di­men­sion­nee.jpg (2560 x 1707 px)
• image-type.jpg (l’original)

Ainsi, vous disposez des tailles d’image WordPress optimales et pouvez choisir quel format est le plus adapté à votre site Internet. La bi­blio­thèque des médias ne prend en charge que les images in­fé­rieures à 1 920 pixels. Si vous devez cependant té­lé­char­ger une image d’une plus haute dé­fi­ni­tion, la solution est de réduire la taille et le poids grâce à un programme de retouche photo gratuit. Vérifiez également le format de l’image car certains formats comme WebP ne sont pas supportés par tous les na­vi­ga­teurs.

Les thèmes WordPress re­quiè­rent une taille d’image spé­ci­fiques :

Les di­men­sions demandées dépendent des éléments et de la structure du thème WordPress. Vous trouverez ces in­di­ca­tions dans la do­cu­men­ta­tion du thème utilisé.

Ajuster la taille des images WordPress dans la mé­dia­thèque

Il est possible d’adapter la taille des images dans la mé­dia­thèque de WordPress. Vous pouvez y modifier les di­men­sions de l’image, mais vous avez également la pos­si­bi­lité de la recadrer ou de la faire pivoter. Par exemple, vous souhaitez insérer une image de la mé­dia­thèque à un slider. Si l’image est trop grande, procédez alors comme suit :

Étape 1 : sé­lec­tion­ner l’image dans la mé­dia­thèque et cliquer sur « Modifier l’image »

Étape 2 : définir la procédure de trai­te­ment et la taille

Vous devez cependant cliquer deux fois sur le bouton « Recadrer » : une fois pour activer la fonction, puis une seconde fois après avoir défini les di­men­sions de l’image pour valider l’opération.

Étape 3 : sau­ve­gar­der l’image dans la mé­dia­thèque

Après avoir sau­ve­gardé l’image recadrée, le dossier de té­lé­char­ge­ment contient le fichier dans cinq autres formats avec un numéro d’iden­ti­fi­ca­tion au­to­ma­ti­que­ment attribué. Pour illustrer ces ex­pli­ca­tions, nous utilisons par exemple le numéro d’iden­ti­fi­ca­tion du fichier numéro e1667121439976. Ainsi, l’image re­di­men­sion­née se trouvera par exemple dans le dossier de té­lé­char­ge­ment sous ce nom :

• image-type-re­di­men­sion­née-e1667121439976.jpg

Ces nouvelles tailles d’image peuvent être sé­lec­tion­nées dans l’éditeur Gutenberg à partir de la mé­dia­thèque. Vous y trouverez également les di­men­sions en pixels de l’image.

Ajuster la taille des images lors de leur insertion sur WordPress

Lors de l’insertion d’une image de la mé­dia­thèque WordPress dans votre projet Web, vous avez également la pos­si­bi­lité d’adapter la taille. Ces mo­di­fi­ca­tions sont cependant d’autant plus limitées. L’éditeur WordPress Gutenberg offre des pos­si­bi­li­tés nettement plus étendues que l’éditeur classique TinyMCE.

Si vous souhaitez en­re­gis­trer les pa­ra­mètres que vous avez per­son­na­li­sés pour ensuite les réu­ti­li­ser ul­té­rieu­re­ment, vous pouvez utiliser le bloc Gutenberg « Ajouter aux blocs réu­ti­li­sables » et également le ver­rouil­ler pour éviter toute mo­di­fi­ca­tion in­vo­lon­taire. Cela re­pré­sente un énorme gain de temps si vous publiez ré­gu­liè­re­ment de nouveaux médias.

Certains sites spé­ci­fiques à une pro­fes­sion comme les sites Internet de pho­to­gra­phie né­ces­si­tent d’autres formats d’image pour conserver la qualité de la photo. Notre article « Comprimer les images » à retrouver dans le Digital Guide vous apporte des conseils pour adapter la taille des images WordPress, par exemple pour les plugins Gallery du CMS.

Dé­sac­ti­ver la taille d’image WordPress par défaut

Le moyen le plus simple de dé­sac­ti­ver les tailles d’image pré­dé­fi­nies est d’utiliser le plugin « Disable Media Sizes ». Dans ses pa­ra­mètres, vous trouverez sept formats d’image dif­fé­rents.

Grâce à ce plugin, le format d’image standard de WordPress est supprimé. L’image originale est té­lé­char­gée, elle pourra être adaptée à d’autres formats par la suite.

.

Des plugins WordPress pour optimiser davantage les images de votre site Web

Les images sont gé­né­ra­le­ment utilisées au format JPG et PNG. Les tailles de fichier de ces formats d’image peuvent être adaptées à l’aide de logiciels de trai­te­ment d’image. Dans le cas de Photoshop, il est demandé pour le té­lé­char­ge­ment de chaque photo in­di­vi­duelle de valider la qualité de l’image. Pour éviter cette perte de temps, il existe des plugins adaptés. Ceux-ci disposent souvent d’un grand nombre de fonctions. Nous vous re­com­man­dons donc de d’abord consulter la do­cu­men­ta­tion du plugin WordPress.

Les plugins WordPress suivants per­met­tent d’adapter la taille des fichiers et des images WordPress et ont reçu pour cela de bonnes éva­lua­tions :

• EWWW Image Optimizer : supporte les formats JPG, PNG, GIF, PDF, WebP, SVG
• TinyPNG : supporte JPG, PNG, WebP
• Imagify : supporte JPG, PNG, PDF, GIF, WebP
• re­Ge­ne­rate Thumb­nails : n’a pas été récemment actualisé
• Image Re­ge­ne­rate & Select Crop : n’a pas été récemment actualisé

Avant d’utiliser n’importe quel plugin, n’oubliez pas d’effectuer une sau­ve­garde WordPress. Ainsi, vous pourrez restaurer la version ul­té­rieure de votre projet Web en cas de problèmes.

En résumé

Le CMS WordPress permet déjà d’obtenir de nom­breuses tailles d’image optimales. Les plugins offrent cependant des pos­si­bi­li­tés plus étendues. Pour les plus audacieux : ne vous lancez pas dans des chan­ge­ments du code PHP de votre site WordPress sans ex­pé­rience dans la pro­gram­ma­tion, au risque d’en­dom­ma­ger votre page Internet dé­fi­ni­ti­ve­ment. Si cet article vous a intéressé, nous vous con­seil­lons notre guide dédié à l’op­ti­mi­sa­tion des images pour un meilleur clas­se­ment sur Google.