Ajouter et gérer des médias dans WordPress (images, vidéos, audio)

Les médias sont essentiels pour créer un site web attractif et engageant. Images, vidéos et fichiers audio enrichissent votre contenu, améliorent l’expérience utilisateur et rendent vos articles plus dynamiques. WordPress offre une bibliothèque de médias puissante et facile à utiliser pour gérer tous vos fichiers.

Dans ce guide complet, vous apprendrez à uploader, organiser, optimiser et intégrer tous types de médias dans votre site WordPress. Nous couvrirons également les bonnes pratiques pour améliorer les performances et le référencement de votre site.

Table des matières

• Comprendre la bibliothèque de médias
• Uploader des images
• Optimiser les images pour le web
• Gérer et organiser vos médias
• Insérer des images dans vos contenus
• Ajouter et gérer des vidéos
• Intégrer des fichiers audio
• Autres types de fichiers
• Bonnes pratiques et optimisation
• Conclusion
• Ressources supplémentaires

Comprendre la bibliothèque de médias

La bibliothèque de médias est le centre de gestion de tous vos fichiers uploadés dans WordPress.

Qu’est-ce que la bibliothèque de médias ?

C’est un gestionnaire centralisé où WordPress stocke tous vos fichiers :

• Images (JPG, PNG, GIF, WebP, SVG)
• Vidéos (MP4, MOV, AVI, WMV)
• Audio (MP3, WAV, OGG, M4A)
• Documents (PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX)
• Archives (ZIP)

Organisation des fichiers

Stockage physique :
Les fichiers sont stockés dans le dossier wp-content/uploads/ de votre installation WordPress, organisés par année et mois :

wp-content/uploads/
├── 2025/
│   ├── 01/
│   ├── 02/
│   └── 12/
│       ├── image-exemple.jpg
│       ├── image-exemple-150x150.jpg (miniature)
│       ├── image-exemple-300x200.jpg (moyenne)
│       └── image-exemple-1024x768.jpg (grande)

Versions multiples :
WordPress crée automatiquement plusieurs tailles d’images :

Ces tailles sont configurables dans Réglages > Médias.

Accéder à la bibliothèque de médias

Méthode 1 : Menu principal

Méthode 2 : Lors de l’insertion

Modes d’affichage

La bibliothèque propose deux modes :

Vue en grille (par défaut) :

Vue en liste :

Uploader des images

Les images sont les médias les plus couramment utilisés sur WordPress.

Méthode 1 : Upload direct dans la bibliothèque

Étapes :

– Glisser-déposer : Faites glisser vos images depuis votre ordinateur directement dans la zone
– Bouton « Sélectionner les fichiers » : Cliquez pour ouvrir l’explorateur de fichiers

Pendant l’upload :

Après l’upload :

Méthode 2 : Upload depuis l’éditeur

Dans un article ou une page :

– Téléverser : Upload une nouvelle image
– Bibliothèque de médias : Choisir une image existante
– Insérer depuis URL : Lien vers une image externe

Formats d’images acceptés

WordPress accepte par défaut :

JPEG (.jpg, .jpeg) :

PNG (.png) :

GIF (.gif) :

WebP (.webp) :

SVG (.svg) :

Limites d’upload

Les limites dépendent de votre hébergement :

Taille maximale par fichier :

Augmenter la limite :

Si vous devez uploader des fichiers plus gros :

Méthode 1 : Fichier .htaccess (Apache)
Ajoutez à la fin de votre fichier .htaccess :

phpvalue uploadmaxfilesize 64M
phpvalue postmaxsize 64M
phpvalue maxexecutiontime 300
phpvalue maxinputtime 300

Méthode 2 : wp-config.php
Ajoutez avant / C'est tout, ne touchez pas à ce qui suit ! / :

@iniset('uploadmaxsize', '64M');
@iniset('postmaxsize', '64M');
@iniset('maxexecutiontime', '300');

Méthode 3 : Contactez votre hébergeur
La solution la plus simple et sûre.

Modifier les détails d’une image

Après upload, remplissez les informations importantes :

Champs à remplir :

Texte alternatif (ALT) :

Titre :

Légende :

Description :

URL du fichier :

Tailles disponibles :

Optimiser les images pour le web

L’optimisation des images est cruciale pour la vitesse de votre site.

Pourquoi optimiser ?

Performance :

Bande passante :

Expérience utilisateur :

Optimisation avant upload

Redimensionnez vos images :

N’uploadez jamais une image de 5000×3000 pixels si elle sera affichée en 800×600 :

Tailles recommandées :

Outils de redimensionnement :

Compressez vos images :

Réduisez la taille du fichier sans perte visible de qualité.

Outils en ligne gratuits :

Processus :

Objectif : Réduire de 50-80% la taille sans perte visible de qualité.

Optimisation après upload (plugins WordPress)

Plugins d’optimisation d’images :

Ces plugins optimisent automatiquement vos images lors de l’upload :

Smush (gratuit) :

ShortPixel (freemium) :

Imagify (freemium) :

EWWW Image Optimizer (gratuit) :

Installation et utilisation :

Format WebP

WebP est un format moderne qui offre une meilleure compression.

Avantages :

Activation avec plugin :

Les plugins comme ShortPixel et Imagify créent automatiquement des versions WebP :

Lazy loading

Le lazy loading charge les images seulement quand elles entrent dans le viewport.

Avantages :

Activation :

WordPress intègre le lazy loading nativement depuis la version 5.5 :

Pour plus de contrôle, utilisez un plugin comme :

Gérer et organiser vos médias

Une bonne organisation facilite la recherche et la réutilisation de vos médias.

Rechercher dans la bibliothèque

Barre de recherche :

Filtres :

Combinaison :
Combinez recherche et filtres pour trouver précisément ce que vous cherchez.

Renommer vos fichiers

Avant upload, utilisez des noms descriptifs :

Mauvais :

Bon :

Règles :

Utiliser des dossiers (avec plugin)

Par défaut, WordPress n’a pas de dossiers dans la bibliothèque. Utilisez un plugin :

FileBird (gratuit/premium) :

– Cliquez sur « + Nouveau dossier »
– Nommez-le (ex: « Blog », « Produits », « Logos »)
– Créez des sous-dossiers si besoin

– Glissez-déposez des images dans les dossiers
– Sélectionnez plusieurs médias et déplacez-les en masse

Autres plugins similaires :

Actions en masse

Pour gérer plusieurs médias simultanément :

– Supprimer définitivement : Attention, irréversible
– Détacher : Retirer l’association avec un article/page

Supprimer des médias

Supprimer un média :

Attention :

Trouver les médias non utilisés :

Plugin recommandé : Media Cleaner

Libérez de l’espace et nettoyez votre bibliothèque !

Remplacer une image

Pour remplacer une image tout en gardant le même lien :

Plugin : Enable Media Replace

Pratique pour mettre à jour un logo sans modifier tous les articles !

Insérer des images dans vos contenus

Différentes façons d’ajouter des images à vos articles et pages.

Bloc Image simple

Le bloc image standard de Gutenberg :

Options du bloc Image :

Dans la barre d’outils en haut :

Dans le panneau de droite :

Bloc Galerie

Pour afficher plusieurs images ensemble :

Options de galerie :

Bloc Image et texte

Pour une mise en page côte à côte :

– Image à gauche ou droite
– Alignement vertical
– Largeur du média (30% à 70%)
– Image en arrière-plan

Bloc Couverture (Cover)

Image d’arrière-plan avec texte par-dessus :

– Opacité du fond
– Point focal
– Hauteur fixe ou minimale
– Effet parallaxe

Parfait pour les en-têtes de section impactants.

Image mise en avant

L’image principale de votre article/page :

Où apparaît-elle ?

Taille recommandée : 1200×630 pixels (ratio 1.91:1)

Ajouter et gérer des vidéos

Les vidéos enrichissent votre contenu mais nécessitent une gestion spécifique.

Héberger sur WordPress (déconseillé)

Vous pouvez uploader des vidéos directement dans WordPress :

Pourquoi c’est déconseillé ?

Quand l’utiliser ? :

Héberger sur YouTube (recommandé)

YouTube est gratuit, rapide et optimisé pour les vidéos.

Étapes :

– Connectez-vous à YouTube
– Cliquez sur le bouton « Créer » (caméra+)
– « Mettre en ligne une vidéo »
– Sélectionnez votre fichier
– Remplissez titre, description, miniature
– Choisissez la visibilité :
– Public : Visible par tous
– Non répertorié : Visible uniquement avec le lien (recommandé pour embed)
– Privé : Uniquement vous

– Une fois publiée, cliquez sur « Partager »
– Copiez l’URL (ex: https://www.youtube.com/watch?v=ABC123)

Méthode 1 : Bloc YouTube
– Ajoutez le bloc « YouTube »
– Collez l’URL
– La vidéo s’intègre automatiquement

Méthode 2 : Bloc Embed générique
– Ajoutez le bloc « Vidéo »
– Onglet « Insérer depuis une URL »
– Collez l’URL YouTube
– WordPress l’embed automatiquement

Méthode 3 : URL seule
– Dans un bloc paragraphe
– Collez simplement l’URL
– WordPress la transforme automatiquement en embed

Avantages :

Inconvénients :

Héberger sur Vimeo

Alternative premium à YouTube, plus professionnelle.

Avantages sur YouTube :

Inconvénients :

Intégration :
Identique à YouTube :

Autres plateformes vidéo

Wistia :

Dailymotion :

Facebook Videos :

Options du bloc vidéo

Une fois la vidéo intégrée :

Barre d’outils :

Panneau de droite :

Optimiser les vidéos pour le SEO

Pour les vidéos YouTube :

Dans WordPress :

Intégrer des fichiers audio

Les podcasts et fichiers audio sont de plus en plus populaires.

Upload direct dans WordPress

Pour des fichiers audio courts :

Formats acceptés :

Options :

Hébergement externe pour podcasts

Pour podcasts réguliers, utilisez une plateforme dédiée :

Anchor (gratuit) :

Buzzsprout :

Podbean :

Utilisation :

– Bloc « HTML personnalisé »
– Collez le code embed
– Ou utilisez un plugin de podcast

Playlists audio

Pour plusieurs morceaux :

Podcasts avec plugin

Seriously Simple Podcasting :

Autres types de fichiers

WordPress accepte de nombreux formats au-delà des images et vidéos.

Documents PDF

Upload et utilisation :

– Sélectionnez du texte (ex: « Télécharger le PDF »)
– Cliquez sur l’icône lien
– Cherchez et sélectionnez votre PDF
– Le lien télécharge ou ouvre le PDF

Embed d’un PDF :

Plugin : PDF Embedder

Vos visiteurs peuvent lire sans télécharger !

Documents Office

Formats acceptés :

Utilisation :
Principalement en téléchargement (lien), l’embed est rare et peu pratique.

Alternative :
Convertissez en PDF avant upload pour meilleure compatibilité.

Fichiers ZIP

Pour quoi faire ?

Upload :

Sécurité :
Attention, certains hébergeurs bloquent les ZIP pour des raisons de sécurité.

Fichiers non autorisés

Par défaut, WordPress bloque certains formats pour la sécurité :

Autoriser de nouveaux formats :

Plugin : WP Add Mime Types

Ou ajoutez dans functions.php de votre thème enfant :

function addcustommimetypes($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    $mimes['webp'] = 'image/webp';
    return $mimes;
}
addfilter('uploadmimes', 'addcustommimetypes');

Attention : Soyez prudent, n’autorisez que les formats dont vous avez vraiment besoin.

Bonnes pratiques et optimisation

Récapitulatif des meilleures pratiques pour gérer vos médias.

Checklist avant upload

Avant chaque upload d’image :

Checklist après upload

Après l’upload :

Organisation à long terme

Maintenez l’ordre :

Sauvegardez :

Performance globale

Optimisation continue :

Monitoring :

Accessibilité

Rendez vos médias accessibles :

Images :

Vidéos :

Audio :

SEO des médias

Images :

Sitemap d’images :

Droits et licences

Utilisez uniquement des médias dont vous avez les droits :

Vos propres créations : Pas de problème

Photos stock gratuites :

Photos stock payantes :

Vérifiez toujours la licence :

Conclusion

La gestion des médias dans WordPress est à la fois simple et puissante. En suivant les bonnes pratiques d’optimisation et d’organisation, vous créerez un site rapide, professionnel et agréable pour vos visiteurs.

Points clés à retenir

Prochaines étapes

Maintenant que vous maîtrisez les médias :

Conseil final

Les médias sont essentiels pour un site attractif, mais n’en abusez pas. Chaque image doit avoir un but : illustrer, expliquer, embellir. Qualité over quantité !

Prenez le temps d’optimiser correctement vos médias. Quelques minutes de plus à l’upload vous feront gagner des heures en performance et problèmes évités.

Ressources supplémentaires

Outils d’optimisation

En ligne :

Applications :

Plugins WordPress

Optimisation :

Organisation :

Galeries :

Banques d’images

Gratuites :

Payantes :

Hébergement vidéo

Hébergement podcast

Documentation

Bonne gestion de vos médias WordPress !