Le système que j'installe sur tous les sites de mes clients pour qu'ils n'aient plus à se soucier de leurs images...
Si tu gères toi-même ton site internet, tu as peut-être déjà vécu cette situation.
Tu ajoutes une photo sur ton site.
Puis une deuxième.
Puis une dizaine.
Quelques mois plus tard, tu alimentes régulièrement ton blog, tu ajoutes de nouveaux produits, tu publies tes dernières réalisations…
Et sans vraiment t’en rendre compte, ta bibliothèque de médias commence à se remplir.
Le problème, c’est qu’aujourd’hui, une simple photo prise avec un smartphone peut facilement peser entre 5 et 10 Mo.
Une seule image n’aura quasiment aucun impact.
Mais après plusieurs centaines de photos, leur poids finit par avoir un impact sur les performances de ton site.
Résultat : ton site peut progressivement devenir plus lourd, plus lent… alors que tu n’as rien changé à son design.
La bonne nouvelle, c’est que tu peux éviter tout ça sans avoir à optimiser manuellement chaque photo.
Mieux encore : une fois le système mis en place, il travaille automatiquement pour toi.
C’est exactement celui que j’installe sur les sites WordPress de mes clients, et que je te partage aujourd’hui.
Pourquoi optimiser ses images ?
Quand on parle des performances d’un site internet, on pense souvent à l’hébergement, au thème ou aux extensions installées.
Pourtant, les images sont très souvent l’un des éléments les plus lourds d’une page.
Une photo prise avec un smartphone aujourd’hui peut facilement dépasser les 5 Mo, voire beaucoup plus selon l’appareil utilisé.
Or, lorsqu’un visiteur consulte ton site, son navigateur doit télécharger chacune de ces images pour pouvoir afficher la page.
Plus elles sont lourdes, plus le temps de chargement augmente.
Optimiser ses images avant (ou au moment de) leur mise en ligne permet donc d’améliorer plusieurs points essentiels :
🚀 Un site plus rapide
Des images plus légères permettent aux pages de se charger plus rapidement, sur ordinateur comme sur mobile.
😊 Une meilleure expérience utilisateur
Personne n’aime attendre qu’une page s’affiche.
Un site rapide est plus agréable à consulter et donne une impression de professionnalisme dès les premières secondes.
🔍 Un petit coup de pouce pour le référencement
La vitesse de chargement fait partie des nombreux critères pris en compte par Google.
Optimiser ses images ne fera pas grimper ton site en première position à lui seul, mais c’est une bonne pratique qui participe à améliorer ses performances globales.
Aujourd’hui, une grande partie des visiteurs consulte un site depuis son téléphone.
Des images plus légères signifient moins de données à télécharger, des pages qui s’affichent plus vite et une navigation plus agréable, même avec une connexion moyenne.
En résumé, quelques secondes passées à optimiser tes images aujourd’hui peuvent t’éviter bien des ralentissements demain.
Est-ce que WordPress optimise automatiquement les images ?
On pourrait penser que oui.
Après tout, WordPress est capable de redimensionner automatiquement les images et de créer plusieurs versions d’un même fichier (miniature, moyenne, grande…).
Mais en réalité, cela ne suffit pas.
Par défaut, WordPress ne compresse pas vraiment les images et ne les convertit pas automatiquement vers des formats plus légers comme le WebP.
Résultat : même si ton site fonctionne parfaitement aujourd’hui, les images que tu ajoutes au fil des mois peuvent progressivement le ralentir.
C’est justement pour cette raison que je mets en place un système d’optimisation dès la création d’un site.
Mon objectif n’est pas de créer un site rapide uniquement le jour de sa mise en ligne. Mon objectif est qu’il le soit encore dans deux ou trois ans.
Le système que j'installe sur tous les sites de mes clients
Lorsque je crée un site WordPress, mon objectif n’est pas seulement qu’il soit rapide le jour de sa mise en ligne.
Je veux qu’il le reste dans un an, deux ans ou même cinq ans.
Pour ça, je mets en place un système simple qui demande seulement quelques minutes de configuration… puis qui travaille quasiment tout seul.
Première étape : préparer les images déjà présentes sur le site
Si ton site existe déjà, je te conseille de commencer par optimiser toute ta bibliothèque de médias.
Tu ne le feras qu’une seule fois.
🖼️ 1. Installer Smush
Smush existe en version gratuite et en version payante.
➡️ La version gratuite est largement suffisante pour la grande majorité des sites.
Je te conseille simplement de créer gratuitement un compte avec ton adresse e-mail afin de bénéficier d’une compression plus efficace.
Après l’installation, lance l’optimisation de toutes les images déjà présentes dans ta bibliothèque de médias.
À partir de ce moment-là, Smush se chargera de compresser chaque nouvelle image que tu importeras sur ton site.
Tu n’auras plus besoin d’y penser.
🌐 2. Installer Converter for Media
Là aussi, une excellente nouvelle : la version gratuite permet déjà de convertir automatiquement toutes tes images au format WebP.
L’extension te proposera de passer à la version Premium afin de convertir également tes images au format AVIF.
➡️ Tu peux simplement ignorer ces messages.
Pour la très grande majorité des sites, le format WebP est déjà un excellent choix et la version gratuite suffit largement.
Après l’installation, lance une première conversion de toutes les images déjà présentes sur ton site.
Ensuite, chaque nouvelle image importée disposera automatiquement de sa version WebP.
💡 À savoir
Tu ne verras pas les fichiers WebP dans la bibliothèque de médias de WordPress.
C’est normal.
L’extension les génère en arrière-plan afin que tes visiteurs reçoivent directement la version la plus légère.
Tu remarqueras peut-être aussi que Converter for Media affiche un nombre d’images supérieur à celui de ta médiathèque.
Là encore, c’est normal.
WordPress crée automatiquement plusieurs versions d’une même image (miniature, moyenne, grande, etc.) et chacune est convertie en WebP.
Ensuite... ton quotidien devient très simple.
Après cette configuration initiale, il ne te reste plus que trois petits réflexes.
✅ 1. Redimensionner ton image
Avant de l’importer, redimensionne-la.
Dans la plupart des cas, une largeur comprise entre 1200 et 1600 px est largement suffisante.
Tu peux utiliser le site en ligne iLoveIMG :
- aucune installation ;
- pas besoin de créer un compte ;
- très simple à comprendre ;
- possibilité de redimensionner par largeur (tu tapes simplement 1500 px) ;
- traitement par lots ;
- fonctionne sur Mac, Windows et mobile.
✅ 2. Passer par TinyPNG
Dépose simplement ton image sur TinyPNG.
En quelques secondes, elle est compressée sans perte visible de qualité.
L’avantage, c’est que ton image est déjà optimisée avant même d’être envoyée sur ton hébergement et importée dans WordPress.
Tu peux traiter jusqu’à 20 images à la fois gratuitement, dans la limite de 5Mo par image.
💡 Même si son nom contient « PNG », TinyPNG fonctionne aussi très bien avec les fichiers JPG ou WebP.
💡 Pourquoi utiliser TinyPNG si j’installe déjà Smush ?
TinyPNG permet d’optimiser ton image avant même son import dans WordPress.
Je considère cette étape comme un petit réflexe supplémentaire qui contribue à garder un site léger dans le temps.
Ensuite, Smush et Converter for Media prennent le relais directement dans WordPress.
✅ 3. Importer l'image dans WordPress
Tu importes simplement ton image.
Et c’est tout.
Smush se charge automatiquement de la compression.
Converter for Media génère automatiquement la version WebP.
Tu n’as plus rien à faire.
Et si tu ne veux pas utiliser TinyPNG ?
Ce n’est pas bloquant.
Smush et Converter for Media feront déjà une grande partie du travail automatiquement.
Je recommande simplement TinyPNG comme une **étape supplémentaire** pour obtenir les meilleures performances possibles.
🎁 Bonus : une médiathèque bien organisée
Lorsque ton site commence à contenir plusieurs centaines d’images, retrouver un fichier peut vite devenir compliqué.
J’installe souvent l’extension Real Media Library: Media Library Folder & File Manager, qui permet de créer des dossiers dans la bibliothèque de médias.
Ce n’est pas indispensable au bon fonctionnement du site, mais c’est un vrai confort au quotidien.
En quelques minutes de configuration, tu mets en place un système qui continuera à optimiser les images que tu ajouteras, sans que tu aies à t’en soucier**.**
Et au quotidien, ton seul réflexe consiste simplement à préparer rapidement tes images avant de les importer.
Est-ce que je dois refaire cette manipulation à chaque nouvelle photo ?
Heureusement, non. 😊
C’est justement tout l’intérêt du système que je viens de te présenter.
Une fois Smush et Converter for Media installés et configurés, ils prennent le relais à chaque nouvelle image que tu importes dans WordPress.
Autrement dit :
- Smush compresse automatiquement tes images.
- Converter for Media crée leur version WebP en arrière-plan.
Tu n’as donc pas besoin de relancer ces extensions à chaque nouvel import.
Ton seul réflexe consiste à préparer ton image avant de l’ajouter à ton site.
Personnellement, je continue à la passer dans TinyPNG avant chaque import.
Cette étape ne prend que quelques secondes, mais elle permet d’obtenir une image déjà optimisée avant même son arrivée sur WordPress.
Ensuite, Smush et Converter for Media prennent le relais automatiquement.
En pratique, ton workflow quotidien se résume donc à trois actions :
- Redimensionner ton image.
- La passer dans TinyPNG.
- L’importer dans WordPress.
Et c’est tout.
J'ai déjà des centaines de photos. Est-ce trop tard ?
Pas du tout.
C’est même l’un des avantages de Smush et de Converter for Media.
Ces deux extensions ne servent pas uniquement à optimiser les nouvelles images que tu ajouteras à l’avenir.
Elles permettent également de traiter toute ta bibliothèque de médias existante.
Concrètement, après leur installation, tu peux lancer une optimisation globale :
- Smush compressera toutes les images déjà présentes dans ta médiathèque.
- Converter for Media générera les versions WebP de toutes ces images.
Dès que cette première optimisation est terminée, les deux extensions s’occuperont ensuite des nouvelles images que tu importeras.
Autrement dit, même si ton site contient déjà plusieurs centaines (ou plusieurs milliers) de photos, il n’est jamais trop tard pour mettre en place ce système.
Mieux vaut commencer aujourd’hui que continuer à ajouter de nouvelles images sans aucune optimisation.
💡 Bon à savoir
Si ton site contient plusieurs milliers d’images, l’optimisation complète peut prendre un peu de temps selon les performances de ton hébergement.
Ce n’est pas un bug.
C’est tout simplement parce que chaque image doit être analysée puis optimisée.
Pourquoi je mets ce système en place dès le début
Je pourrais attendre que le site ralentisse.
Puis revenir plusieurs mois plus tard pour optimiser des centaines d’images.
Mais je préfère largement mettre en place un système qui demande quelques minutes de configuration au départ et qui évite d’avoir à se poser la question ensuite.
C’est exactement la même logique que pour une sauvegarde automatique : on espère ne jamais en avoir besoin… mais on est bien content qu’elle soit là le jour où il arrive quelque chose.
Les 4 erreurs que je retrouve le plus souvent lorsque je reprends un site WordPress
Lorsque je reprends un site internet pour une refonte ou une optimisation, je retrouve très souvent les mêmes habitudes.
Elles sont complètement normales : la plupart des entrepreneurs ne sont pas webdesigners, et WordPress n’explique pas toujours les bonnes pratiques.
Voici les erreurs que je rencontre le plus souvent.
📸 Importer directement une photo prise avec son téléphone
Les smartphones prennent aujourd’hui d’excellentes photos.
Le problème, c’est qu’elles sont souvent beaucoup plus grandes et plus lourdes que nécessaire pour un site internet.
Résultat : elles ralentissent inutilement le chargement des pages.
Avant de les importer, pense à les redimensionner puis à les passer dans TinyPNG.
🖼️ Utiliser un PNG alors qu'un JPG suffit
Le format PNG est très utile lorsqu’une image comporte un fond transparent.
En revanche, pour une photographie classique, un fichier JPG sera généralement beaucoup plus léger.
Un simple changement de format peut parfois diviser le poids d’une image par plusieurs.
📏 Importer une image beaucoup trop grande
Une bannière affichée en 1200 px de large n’a pas besoin d’être importée en 5000 px.
WordPress l’affichera plus petite à l’écran… mais le navigateur devra quand même télécharger le fichier complet.
Prendre quelques secondes pour redimensionner ses images avant leur import fait une vraie différence.
⚙️ Penser que WordPress optimise automatiquement les images
C’est probablement l’idée reçue que je rencontre le plus souvent.
WordPress génère bien plusieurs tailles d’images pour s’adapter aux différents emplacements du site.
En revanche, il ne compresse pas suffisamment les fichiers et ne les convertit pas automatiquement au format WebP.
C’est justement pour cette raison que j’installe systématiquement Smush et Converter for Media sur les sites que je crée.
La bonne nouvelle, c’est qu’aucune de ces erreurs n’est irréversible.
En mettant en place les quelques réflexes présentés dans cet article, ton site restera performant beaucoup plus longtemps… sans te demander plus de quelques secondes à chaque nouvelle image.
Pour conclure...
Quand je livre un site à un client, toutes les images présentes sont déjà optimisées.
Mais un site internet n’est jamais vraiment terminé.
Il évolue avec ton activité.
Tu ajoutes de nouveaux produits, de nouvelles réalisations, des articles de blog, des photos de tes derniers projets…
Et c’est une excellente chose.
Le piège, c’est que ces petites habitudes du quotidien peuvent, avec le temps, avoir un impact sur les performances de ton site.
C’est pour cette raison que je préfère mettre en place un système simple dès le départ.
Quelques minutes de configuration, quelques secondes de préparation avant chaque import… puis tout le reste fonctionne automatiquement.
Au final, ce ne sont pas les grandes optimisations qui font la différence.
Ce sont tous ces petits réflexes qui, mis bout à bout, permettent à un site de rester rapide, agréable à consulter et performant pendant des années.
Tu préfères te concentrer sur ton activité ?
Lorsque je crée un site internet, ce genre de détails fait partie de tout ce qui est mis en place dès le départ.
Tu n’as pas à te demander quelle extension installer, comment configurer WordPress ou comment optimiser tes images : je m’en occupe.
Mon objectif est que ton site soit beau, rapide et qu’il le reste dans le temps.
Si tu as un projet de création ou de refonte de site, n’hésite pas à me contacter.
📚 Pour aller plus loin
Si cet article t’a été utile, tu pourrais aussi aimer :
Pourquoi je choisis WordPress pour créer mes sites internet ?
Ton site en refonte ne doit pas être “hors ligne” : la solution de la page de maintenance
SEO & création de site : ce que je fais (et ce que je ne fais pas)
Faut-il créer son identité visuelle avant son site internet ?
Créer un site WordPress avec Elementor : est-ce la meilleure option pour ton projet ?
Créer un site internet sans photos professionnelles : est-ce possible ?
Les questions fréquentes
Oui.
TinyPNG est gratuit et permet de compresser jusqu’à **20 images à la fois** (dans la limite de la taille maximale autorisée par image de 5Mo).
Tu peux ensuite recommencer autant de fois que nécessaire en rechargeant simplement la page.
Pour la majorité des entrepreneurs qui ajoutent quelques images chaque semaine, la version gratuite est largement suffisante.
Smush est déjà une excellente solution.
Il compresse automatiquement les images que tu importes dans WordPress et permet également d’optimiser celles qui sont déjà présentes dans ta médiathèque.
Personnellement, je préfère le combiner avec TinyPNG (pour préparer les images avant leur import) et Converter for Media (pour générer automatiquement des versions WebP).
Les trois outils sont complémentaires.
Oui.
Les versions récentes de WordPress acceptent nativement les images au format WebP.
D’ailleurs, lorsque je crée un site internet pour mes clients, j’importe directement les images de la version finale du site en WebP.
En revanche, une fois le site livré, la plupart de mes clients continuent naturellement à créer leurs nouvelles images en JPG (ou en PNG lorsqu’elles contiennent de la transparence).
C’est justement pour cette raison que j’installe **Converter for Media** : l’extension génère automatiquement une version WebP des nouvelles images importées, sans qu’ils aient à s’en soucier.
➡️ Si tu as l’habitude d’exporter toutes tes images directement en WebP avant de les importer dans WordPress, tu peux tout à fait te passer de cette extension.
Aujourd’hui, oui, dans la très grande majorité des cas.
Les navigateurs modernes (Chrome, Firefox, Edge, Safari…) prennent tous en charge le format WebP.
C’est d’ailleurs devenu le format recommandé pour le web.
Il n’existe pas une seule réponse.
Dans la plupart des cas, une largeur comprise entre **1200 et 1600 px** est largement suffisante.
Une image plus grande n’apportera généralement aucun bénéfice visible, mais augmentera son poids.
Tout dépend de ton image.
➡️ Choisis un **JPG** pour une photographie ou une image sans transparence.
➡️ Garde un **PNG** uniquement si tu as besoin d’un fond transparent (par exemple un logo ou un pictogramme).
Oui.
Les versions gratuites de Smush et de Converter for Media suffisent largement dans la majorité des cas.
Smush propose une version Premium avec davantage de fonctionnalités, tandis que Converter for Media permet notamment de convertir les images au format AVIF.
Pour la plupart des sites vitrines, portfolios ou petites boutiques en ligne, tu peux parfaitement rester sur les versions gratuites.
