1.3Médias : images, galeries & optimisation
Les images font la vie d'un site — et sa lenteur, si on les néglige. La bibliothèque de médias centralise tous vos fichiers (images, PDF, vidéos) ; les blocs Image et Galerie les insèrent élégamment. Mais le vrai enjeu professionnel est l'optimisation : une photo de smartphone brute pèse plusieurs Mo et plombe le chargement — redimensionnée et compressée, elle passe à quelques centaines de Ko sans perte visible.
Vous gérerez la bibliothèque, insérerez images et galeries, et adopterez les réflexes qui font un site rapide : redimensionner AVANT d'envoyer, remplir le texte alternatif (alt) pour l'accessibilité et le SEO, et utiliser une extension de compression.
Vocabulaire de la section
- Bibliothèque de médias
- Le stockage centralisé de tous vos fichiers (Médias → Bibliothèque) : images, PDF, vidéos — réutilisables partout.
- Texte alternatif (alt)
- La description d'une image, lue par les lecteurs d'écran ET par Google : indispensable pour l'accessibilité et le SEO.
- Optimisation d'image
- Réduire le poids sans perte visible : redimensionner aux bonnes dimensions + compresser (WebP, extensions ShortPixel/Imagify).
- Format WebP
- Le format image moderne, bien plus léger que JPEG/PNG à qualité égale : recommandé pour la performance.
- Lazy loading
- Le chargement différé des images (elles ne se chargent qu'à l'approche du regard) : natif dans WordPress, gain de vitesse.
Que faut-il faire à une grosse image AVANT de l'envoyer dans WordPress ?
En pratique — Insérer des images… sans plomber le site
- AVANT d'envoyer : redimensionnez une photo à une largeur raisonnable (ex. 1600 px max) sur votre PC — une image de 4000 px est inutilement lourde.
- Médias → Ajouter, puis insérez-la dans une page via le bloc Image : renseignez le texte alternatif (décrivez l'image, pas « image1.jpg »).
- Créez une Galerie avec 3-4 images (bloc Galerie) : réglez le nombre de colonnes.
- Installez une extension de compression (ex. ShortPixel ou Imagify, en test) et lancez l'optimisation : comparez le poids avant/après.
Points clés à retenir
- Redimensionnez AVANT d'envoyer : une image trop grande est le tueur n°1 de la performance.
- Remplissez toujours le texte alternatif (alt) : accessibilité (lecteurs d'écran) ET SEO.
- Une extension de compression (WebP) allège la bibliothèque sans perte visible.
- Le lazy loading (natif) diffère le chargement des images hors écran : gratuit et efficace.
Questions fréquentes
Quelle taille et quel format pour mes images ?
Largeur adaptée à l'affichage (rarement plus de 1600-2000 px), format WebP si possible (sinon JPEG pour les photos, PNG pour les logos/transparence). Une extension de compression automatise le WebP et le redimensionnement à l'import.
Puis-je réutiliser une image déjà envoyée ?
Oui : la bibliothèque de médias conserve tout. Lors de l'insertion, choisissez « Bibliothèque de médias » plutôt que « Téléverser » — évitez les doublons qui alourdissent le stockage.