Images et médias dans WordPress : poids, formats et bibliothèque

Les images représentent le plus souvent la majeure partie du poids d’une page, et la première cause de lenteur sur un site vitrine. Optimiser images WordPress n’exige pourtant ni logiciel coûteux ni compétence particulière : il s’agit d’appliquer quatre gestes dans le bon ordre, avant l’envoi plutôt qu’après. Une photographie sortie d’un appareil récent pèse fréquemment plusieurs mégaoctets pour une largeur de six mille pixels. Le logiciel plafonne certes la dimension des fichiers démesurés à l’envoi, mais le résultat reste plusieurs fois plus large et plus lourd qu’une colonne de contenu ne l’exige, et le visiteur attend pendant que le navigateur télécharge ce qu’il ne verra jamais.

Ce que WordPress fait de vos images à l’envoi

Chaque fichier envoyé dans la médiathèque déclenche une petite chaîne de traitements. Une image dont le plus grand côté dépasse un seuil fixé par le logiciel, de l’ordre de quelques milliers de pixels, est d’abord ramenée à ce seuil : c’est cette version réduite qui devient la référence servie sur le site, tandis que le fichier d’origine est conservé à part. Plusieurs déclinaisons de tailles inférieures sont ensuite générées automatiquement. Le thème et les extensions installées peuvent en ajouter d’autres. Une seule photographie produit ainsi facilement cinq à dix fichiers sur le serveur.

Cette multiplication a un objectif utile : servir au navigateur la déclinaison la plus adaptée à la largeur d’écran, plutôt que la plus grande version à tout le monde. Elle a aussi un revers : l’espace disque grimpe vite, et l’original démesuré reste stocké sans jamais servir.

Deux conséquences pratiques en découlent. La première concerne les sauvegardes : un dossier de médias qui pèse plusieurs gigaoctets allonge chaque copie et complique les restaurations. La seconde concerne les changements de thème : chaque thème déclare ses propres tailles, et un site qui en a connu trois accumule des déclinaisons devenues inutiles. Une régénération des vignettes, proposée par des outils dédiés, permet de reconstruire proprement le jeu de tailles réellement employé.

Le tri des tailles générées se règle aussi en amont. Réduire le nombre de déclinaisons produites, quand le thème n’en exploite que deux ou trois, allège le stockage sans aucun effet visible pour le lecteur.

Le point à retenir tient en une phrase : le logiciel plafonne les dimensions et décline des tailles d’affichage, il ne recompresse pas un fichier envoyé trop lourd et ne devine pas la largeur dont votre mise en page a réellement besoin. Le travail de préparation reste à votre charge. Comprendre où vivent ces fichiers et pourquoi ils ne se trouvent pas dans la base de données est plus simple avec la carte que fournit notre panorama du fonctionnement interne de WordPress.

Optimiser images WordPress : les quatre gestes avant l’envoi

Le premier geste consiste à redimensionner avant l’envoi. Une image de contenu a rarement besoin de dépasser une largeur de mille six cents pixels. Une bannière pleine largeur peut monter jusqu’à deux mille. Au-delà, le gain visuel est nul et le coût réel. Ce redimensionnement se fait dans n’importe quel outil de retouche, y compris les visionneuses fournies avec les systèmes d’exploitation.

Le deuxième geste est le choix du format, développé dans la section suivante. Le troisième est la compression : réduire la qualité d’enregistrement autour de soixante-quinze à quatre-vingts pour cent divise le poids par trois ou quatre sans différence perceptible sur une photographie affichée à l’écran.

Le quatrième geste concerne le nom du fichier. Un nom descriptif, en minuscules, sans accents ni espaces, avec des tirets entre les mots, remplace avantageusement une référence d’appareil photo. Ce nom devient une partie de l’adresse du fichier et se lit par les moteurs de recherche.

Un repère chiffré simple

Une image de contenu correctement préparée pèse quelques dizaines de kilooctets. Une image de bannière peut atteindre deux ou trois cents kilooctets. Une page entière gagne à rester sous le mégaoctet toutes ressources confondues. Ces repères ne sont pas des règles absolues, mais un fichier de deux mégaoctets sur une page vitrine signale toujours un travail de préparation escamoté.

Choisir le bon format d’image

Quatre formats couvrent l’essentiel des besoins, et chacun a un domaine où il gagne nettement.

Le format WebP s’est imposé comme le choix par défaut pour les images matricielles : il produit des fichiers sensiblement plus légers que le JPEG à qualité visuelle équivalente, et il est reconnu par tous les navigateurs actuels. Les formats plus récents progressent, sans encore justifier l’abandon du précédent sur un site vitrine ordinaire.

Le format vectoriel mérite une précaution. Un fichier de ce type contient du code, et son envoi n’est pas autorisé par défaut dans la médiathèque. Ouvrir cette possibilité suppose de ne l’accorder qu’à des comptes de confiance et de n’envoyer que des fichiers dont l’origine est connue.

Le cas des captures d’écran et des logos

Une capture d’écran enregistrée en JPEG produit un texte flou et des artefacts autour des lettres, pour un poids parfois supérieur à celui du PNG. Les images comportant du texte, des aplats et des contours nets appellent un format sans perte, ou un format moderne réglé en conséquence. Un logo vectoriel, lui, reste net à toutes les tailles et pèse quelques kilooctets, ce qui en fait le meilleur choix chaque fois que le fichier source existe.

Les documents envoyés dans la médiathèque suivent la même logique de préparation. Un fichier de plusieurs dizaines de mégaoctets proposé au téléchargement décourage le visiteur et consomme la bande passante de l’hébergement. Une compression préalable et un nom de fichier explicite règlent la question.

Texte alternatif, légende, description : à quoi sert chaque champ

La médiathèque propose quatre champs pour chaque fichier, et leur rôle diffère complètement.

Le texte alternatif décrit le contenu de l’image pour les personnes qui ne la voient pas, ainsi que pour les moteurs de recherche. Il se rédige en une phrase courte et factuelle : ce que l’on voit, pas ce que l’on veut vendre. Une image purement décorative peut recevoir un texte alternatif vide, ce qui évite de polluer la lecture assistée.

Le titre sert d’étiquette interne dans la médiathèque. La légende s’affiche sous l’image dans la page, quand la mise en page le prévoit. La description alimente une page dédiée au fichier, rarement utile sur un site vitrine et qu’il vaut souvent mieux désactiver ou rediriger.

Remplir systématiquement le texte alternatif est le seul de ces gestes qui compte vraiment. Il prend cinq secondes, améliore l’accessibilité de manière tangible et donne du sens à des fichiers qui n’en auraient aucun.

Trois travers reviennent souvent dans les textes alternatifs. L’accumulation de mots-clés produit une lecture absurde pour les personnes concernées et n’apporte rien par ailleurs. La répétition du nom du fichier n’apporte aucune information. La description commerciale, enfin, décrit une intention plutôt qu’une image. Une phrase factuelle de dix mots suffit dans presque tous les cas.

Un dernier réglage échappe à beaucoup d’installations : les données incluses dans les fichiers photographiques, comme la position géographique ou le modèle d’appareil. Elles alourdissent légèrement le fichier et peuvent révéler des informations non souhaitées. La plupart des outils de retouche proposent de les retirer à l’enregistrement.

Tenir une médiathèque propre dans la durée

Une médiathèque abandonnée devient rapidement un dépotoir de plusieurs milliers de fichiers dont personne ne sait lesquels servent encore. Trois habitudes évitent cette dérive.

La première consiste à ne jamais envoyer un fichier sans savoir où il ira. Les envois exploratoires laissent des orphelins que rien ne signale. La deuxième consiste à remplacer plutôt qu’à empiler : mettre à jour une photographie en envoyant une nouvelle version sous le même nom évite de multiplier les variantes numérotées.

La troisième relève du ménage périodique. Une revue annuelle des fichiers les plus anciens, croisée avec les pages réellement publiées, permet de supprimer ce qui ne sert plus. La prudence commande de sauvegarder avant toute suppression massive : un fichier effacé par erreur laisse un espace vide sur une page, parfois découvert des mois plus tard.

Extensions de compression : utiles, pas magiques

Une extension de compression traite automatiquement les fichiers à l’envoi et peut retraiter la bibliothèque existante. Certaines génèrent également des versions dans un format plus léger et les servent aux navigateurs compatibles. Le service rendu est réel sur un site qui reçoit des contributions de plusieurs personnes.

Ces outils ne remplacent pourtant pas la préparation en amont. Compresser un fichier de six mille pixels de large reste moins efficace que de l’avoir redimensionné avant. La règle d’ordre vaut ici comme ailleurs : préparer d’abord, automatiser ensuite, jamais l’inverse.

Affichage : le dernier kilomètre

Le poids du fichier ne fait pas tout. La manière dont la page appelle l’image compte autant.

Le chargement différé, actif par défaut sur les versions récentes du logiciel, retarde le téléchargement des images situées plus bas dans la page jusqu’à ce que le visiteur s’en approche. L’effet sur le temps d’affichage initial est net. Une exception mérite d’être connue : la grande image visible dès l’ouverture doit rester hors de ce mécanisme, sous peine d’apparaître avec un temps de retard. Les versions récentes du logiciel écartent d’elles-mêmes les toutes premières images de la page et signalent la plus probable comme prioritaire ; la vérification consiste donc surtout à s’assurer qu’un thème ou une extension ne rétablit pas le chargement différé sur le visuel d’ouverture.

Les dimensions déclarées dans le code évitent le décalage désagréable où le texte saute pendant le chargement. L’éditeur de blocs les renseigne automatiquement quand l’image vient de la médiathèque, ce qui constitue une raison de plus de passer par elle plutôt que par un lien externe. Les réglages disponibles bloc par bloc sont détaillés dans notre dossier sur les blocs, motifs et modèles.

Quand une page reste lente malgré des images soignées, le problème se situe ailleurs : nombre de requêtes, extensions superflues, absence de cache, ressources externes. La méthode de diagnostic, dans l’ordre, figure dans notre article sur les causes fréquentes d’un site lent.

Optimiser images WordPress relève finalement d’une discipline plus que d’une technique. Redimensionner, choisir le format, compresser, nommer avant l’envoi, puis décrire une fois le fichier en place : cinq gestes qui prennent une minute par fichier et qui changent durablement le confort de lecture d’un site.