Comment ajouter une image sur WordPress (guide complet 2024–2025)

Les fichiers sont alors téléversés sur votre serveur et immédiatement disponibles dans la médiathèque. Selon votre hébergeur et votre configuration, une limite de taille de fichier peut s’appliquer (par exemple 2 Mo, 8 Mo, 64 Mo ou plus). Il est recommandé de rester largement en dessous de ces limites pour garder un site rapide.

Étape 3 : éditer les informations de l’image

Une fois vos images ajoutées :

• Cliquez sur la vignette d’une image pour ouvrir sa fiche de détails.
• Vous pouvez alors modifier :
  • Le titre du fichier (interne à WordPress, parfois affiché par certains thèmes ou plugins).
  • Le texte alternatif (alt).
  • La légende, qui pourraêtre affichée dans les contenus.
  • La description (surtout utile en interne ou pour certains thèmes).

Ces informations seront automatiquement reprises lorsque vous insérerez l’image dans un article ou une page via le bloc Image.

Ajouter une image en image mise en avant (featured image)

L’image mise en avant est unélément clé de la présentation de vos articles et pages, en particulier sur les blogs et les pages d’archives.

Étape 1 : ouvrir l’article ou la page

• Depuis le tableau de bord, allez dans Articles ou Pages.
• Ouvrez l’élément à modifier en cliquant sur Modifier.

Étape 2 : définir l’image mise en avant

• Dans la colonne de droite, sous les réglages de l’article ou de la page, cherchez la section Image mise en avant.
• Cliquez sur Définir l’image mise en avant.
• Choisissez une image dans la médiathèque ou téléversez‑en une nouvelle.
• Validez en cliquant sur Définir l’image mise en avant.

Selon votre thème, cette image sera utilisée comme vignette sur la page de blog, dans les listes d’articles, dans les blocs de posts récents, et parfois en en‑tête de l’article lui‑même.

Ajouter plusieurs images avec le bloc Galerie

Pour afficher plusieurs images côte à côte ou sous forme de grille, vous pouvez utiliser le bloc Galerie.

Étape 1 : insérer un bloc Galerie

• Ouvrez votre article ou page.
• Cliquez sur + (Ajouter un bloc) et recherchez Galerie.
• Insérez le bloc Galerie dans votre contenu.

Étape 2 : ajouter les images à la galerie

• Cliquez sur Téléverser pour ajouter de nouvelles images, ou sur Médiathèque pour sélectionner des images existantes.
• Sélectionnez plusieurs images à la fois.
• Validez pour créer la galerie.

Vous pourrez ensuite :

• Réorganiser l’ordre des images par glisser‑déposer.
• Ajouter des légendes individuelles pour chaque image.
• Choisir le nombre de colonnes d’affichage.

Autres façons d’ajouter des images sur WordPress

Outre le bloc Image et la médiathèque, il existe d’autres méthodes courantes pour insérer des visuels dans vos pages.

Bloc Couverture (image en arrière‑plan de section)

Le bloc Couverture permet d’utiliser une image ou une vidéo en arrière‑plan, souvent avec un texte par‑dessus (titre, bouton, etc.).

• Ajoutez un bloc Couverture via le bouton +.
• Téléversez une image ou sélectionnez‑en une dans la médiathèque.
• Ajoutez votre texte (par exemple un titre) dans la zone prévue.
• Ajustez l’alignement, la superposition de couleur, la hauteur minimale, etc.

Constructeurs de pages (Elementor, Divi, etc.)

Si vous utilisez un constructeur de pages, le principe reste similaire :

• Ajoutez un widget Image (ou moduleéquivalent) dans votre mise en page.
• Cliquez sur Choisir une image ou Image.
• Sélectionnez un fichier dans la médiathèque ou téléversez‑en un nouveau.
• Configurez les réglages de taille, d’alignement et de lien dans l’interface du constructeur.

Bonnes pratiques pour ajouter des images sur WordPress

Au‑del à de la simple insertion, quelques bonnes pratiques vous aideront à améliorer la rapidité de votre site, votre référencement naturel et l’accessibilité.

1. Optimiser vos images avant l’upload

Avant de téléverser une image dans WordPress :

• Redimensionnez l’image aux dimensions réellement nécessaires. Par exemple, pour un article de blog classique, une largeur comprise entre 1 200 et 1 600 pixels est souvent suffisante pour les images pleine largeur, et entre 800 et 1 200 pixels pour les visuels intégrés dans le corps du texte.
• Compressez vos fichiers avec des outils comme TinyPNG, TinyJPG, Squoosh, ou des logiciels comme Photoshop ou Affinity Photo.
• Visez un poids d’image le plus léger possible sans perte de qualité visible, idéalement quelques centaines de kilo‑octets pour une grande image, beaucoup moins pour des vignettes.

2. Utiliser des noms de fichiers descriptifs

Avant téléversement, renommez vos fichiers avec des termes explicites et pertinents :

• Préférez chat-noir-canape.jpg à IMG_4567.jpg.
• Utilisez des tirets entre les mots, évitez les caractères spéciaux et les accents.

Des noms de fichiers clairs aident les moteurs de recherche à comprendre le sujet de l’image et facilitent aussi votre organisation interne.

3. Rédiger un texte alternatif (alt) pertinent

Le texte alternatif est crucial pour l’accessibilité et le SEO :

• Décrivez brièvement ce que montre l’image : « Chat noir allongé sur un canapé en velours vert » plutôt que « image ».
• Si l’image illustre un concept ou un produit, incluez le mot‑clé principal de la page lorsque cela a du sens.
• Si l’image est purement décorative, il est possible de laisser l’attribut alt vide, maisévitez de mettre un texte inutile.

4. Choisir la bonne taille d’image dans WordPress

Au moment d’insérer l’image depuis la médiathèque, WordPress propose souvent plusieurs tailles prédéfinies :

• Miniature : petite vignette, utile pour des listes ou des grilles.
• Moyenne : bon compromis pour des images intégrées dans le texte.
• Grande : adaptée aux images plus larges, par exemple en haut d’article.
• Taille originale : à n’utiliser que si l’image aété correctement redimensionnée en amont.

Évitez d’insérer des images beaucoup plus grandes que nécessaire puis de les réduire uniquement via le CSS : cela charge un fichier lourd sans bénéfice pour l’utilisateur.

5. Utiliser des plugins d’optimisation d’images

Pour automatiser une partie du travail, vous pouvez installer des extensions spécialisées :

• Plugins de compression automatique des images dès leur téléversement (par exemple, des extensions d’optimisation d’images adaptées à votre configuration).
• Plugins de chargement différé (lazy loading) si votre thème ou votre version de WordPress ne le gère pas déj à nativement.
• Extensions permettant la génération ou la conversion vers des formats modernes comme WebP pour réduire davantage le poids des fichiers.

Vérifiez la compatibilité des plugins avec votre version de WordPress et testez toujours sur un site de préproduction ou après une sauvegarde complète.

Formats, taille et performances : ce qu’il faut savoir

Choisir le bon format d’image

• JPEG/JPG : idéal pour les photos et les images avec beaucoup de couleurs ou de dégradés.
• PNG : adapté aux logos, icônes, images avec transparence ou textes très nets.
• GIF : utilisé pour les petites animations simples, àéviter pour de grandes images en raison du poids.
• WebP : format moderne offrant une bonne qualité avec un poids réduit, de plus en plus supporté par les navigateurs et par WordPress.

Dimensions idéales pour un blog ou un site vitrine

Les tailles exactes dépendent de votre thème, mais en pratique :

• Images pleinécran ou pleine largeur : souvent entre 1 400 et 2 000 pixels de large.
• Images intégrées dans le corps d’un article : fréquemment entre 800 et 1 200 pixels de large.
• Miniatures et images de type vignette : généralement entre 300 et 600 pixels de large.

Adaptez toujours ces valeurs à la mise en page réelle de votre thème etévitez les dimensions bien supérieures à ce qui est affiché.

Spécificités WordPress.com vs WordPress.org

La manière d’ajouter des images reste globalement la même sur les deux variantes de WordPress, mais quelques nuances existent.

• WordPress.com : l’hébergement est géré pour vous, l’interface est très encadrée et certains réglages avancés (comme certains plugins) ne sont disponibles que sur des offres payantes. L’ajout d’images se fait essentiellement via le bloc Image, la médiathèque et l’interface de gestion intégrée.
• WordPress.org (auto‑hébergé) : vous avez la maîtrise complète de votre hébergement, de vos plugins et de votre thème. L’ajout d’images reste similaire (bloc Image, médiathèque), mais vous pouvez installer des extensions avancées de compression, de gestion de WebP, de CDN, etc.

Dans les deux cas, la logique « bloc Image + médiathèque + image mise en avant » reste le cœur du processus.

Outils et ressources utiles pour gérer vos images

Pour faciliter la gestion, l’optimisation et le suivi de vos images sur WordPress, certains outils externes peuventêtre très utiles.

• Outils de compression en ligne : services permettant de réduire le poids de vos images avant upload, tout en conservant une bonne qualité.
• Logiciels de retouche photo : pour recadrer, ajuster la luminosité, corriger les couleurs et préparer vos visuels de manière professionnelle.
• Banques d’images libres de droits : pour trouver des photos ou des illustrations réutilisables légalement, en respectant les licences et les attributions nécessaires.

Pour le suivi des performances :

• Google Search Console : permet de vérifier la bonne indexation de votre site, y compris des pages riches en images, et de repérer d’éventuelles erreurs.
• Outils d’analyse de vitesse : services comme PageSpeed Insights, GTmetrix ou d’autres solutions d’audit de performance peuvent vous indiquer si vos images ralentissent le chargement de vos pages.

FAQ – Questions fréquentes sur l’ajout d’images sur WordPress

Pourquoi l’optimisation des images est‑elle importante ?

Des images non optimisées peuvent alourdir fortement vos pages, provoquer des temps de chargement trop longs et dégrader l’expérience utilisateur. En réduisant la taille des fichiers et en adaptant leurs dimensions, vous améliorez la vitesse de votre site, ce qui a un impact positif sur le référencement naturel et sur le taux de conversion.

Qu’est‑ce que le texte alternatif (alt text) ?

Le texte alternatif est une description textuelle de votre image. Il est lu par les lecteurs d’écran utilisés par les personnes malvoyantes, s’affiche lorsque l’image ne peut pasêtre chargée, et aide les moteurs de recherche à comprendre le contenu visuel. Il doitêtre court, précis et descriptif.

Comment compresser mes images avant de les téléverser sur WordPress ?

Vous pouvez compresser vos images avec des outils en ligne spécialisés ou via des logiciels de retouche. L’objectif est de réduire le poids du fichier (en Ko) sans détériorer visiblement la qualité. Sur un site auto‑hébergé, vous pouvezégalement installer un plugin d’optimisation qui compressera automatiquement les images à l’upload.

Quelle est la taille idéale d’une image pour un article de blog ?

Il n’existe pas une taille unique valable pour tous les sites, mais pour un article de blog standard, une largeur située entre 800 et 1 200 pixels est généralement un bon compromis pour les images intégrées dans le corps du texte. Pour une grande image en en‑tête ou en pleine largeur, on peut monter entre 1 400 et 2 000 pixels de large, en veillant à garder un poids de fichier raisonnable.

Puis‑je utiliser des images trouvées sur Internet ?

Vous ne pouvez pas utiliser librement toutes les images trouvées sur Internet. Vous devez respecter les droits d’auteur : soit vous utilisez des images libres de droits (en vérifiant bien la licence et les conditions d’attribution), soit vous achetez une licence sur une banque d’images, soit vous obtenez l’autorisation explicite de l’auteur. À défaut, vous risquez des problèmes juridiques.

Comment ajouter une image dans un article existant sans casser la mise en page ?

Ouvrez l’article en modification, placez votre curseur à l’endroit souhaité, ajoutez un bloc Image puis insérez l’image en choisissant une taille adaptée (moyenne ou grande selon le cas). Vérifiez ensuite l’aperçu de l’article sur ordinateur et sur mobile pour vous assurer que l’alignement et les proportions restent harmonieux.

Quelle est la différence entre une image dans le contenu et l’image mise en avant ?

Une image insérée dans le contenu apparaît directement dans le corps de l’article ou de la page, à l’endroit précis où vous la placez. L’image mise en avant, elle, est un visuel associé au contenu dans son ensemble, affiché généralement sur la page de blog, dans les listes d’articles, dans les widgets de posts récents ou dans les aperçus de partage sur les réseaux sociaux, selon votre thème et votre configuration.

Comment ajouter plusieurs images côte à côte sur WordPress ?

Vous pouvez utiliser le bloc Galerie de l’éditeur de blocs. Insérez un bloc Galerie, sélectionnez ou téléversez plusieurs images, puis ajustez le nombre de colonnes, l’alignement et les légendes. Certains thèmes ou constructeurs de pages proposentégalement des grilles d’images ou des modules spécifiques pour des mises en page plus avancées.

Que faire si mes images apparaissent floues sur WordPress ?

Un flou peut venir d’une image trop petite agrandie dans la page, d’un niveau de compression tropélevé ou d’un redimensionnement automatique mal adapté. Vérifiez d’abord la taille originale de l’image, réimportez‑la avec des dimensions suffisantes, réduisezéventuellement la compression et assurez‑vous que vous utilisez une taille d’image adaptée dans les réglages de WordPress.

Conclusion

Ajouter une image sur WordPress est un processus simple une fois que vous maîtrisez les principaux outils : bloc Image, médiathèque, image mise en avant et bloc Galerie. En prenant l’habitude d’optimiser vos fichiers avant l’upload, de renseigner un texte alternatif pertinent et de choisir des tailles adaptées, vous améliorez à la fois le confort de vos visiteurs, la vitesse de votre site et votre visibilité dans les moteurs de recherche.

N’hésitez pas à tester différentes mises en page (images pleine largeur, images alignées à gauche ou à droite du texte, galeries, couvertures) et à consulter régulièrement l’aperçu mobile pour vérifier le rendu sur tous lesécrans. En appliquant ces bonnes pratiques, vous exploiterez pleinement le potentiel visuel de WordPress et vous donnerez à votre contenu une dimension professionnelle et engageante.