• Base de connaissance
    • WordPress
    • WooCommerce
    • Divi
    • Infomaniak
    • Outils et bonnes pratiques
    • Avancé
  • Résoudre un problème WordPress

WordPress

16
  • Bien démarrer
    • Se connecter à l’administration WordPress
    • Découvrir le tableau de bord WordPress
  • Réglages généraux
    • Comprendre les réglages WordPress
    • Comprendre et configurer les permaliens WordPress
  • Mises à jour & maintenance
    • Mettre à jour WordPress, thèmes et extensions
    • Que faire avant une mise à jour importante?
  • Les thèmes
    • Qu’est-ce qu’un thème WordPress?
  • Contenu (pages & articles)
    • Différence entre pages et articles
    • Créer et modifier une page WordPress
    • Utiliser les brouillons WordPress
    • Créer et modifier un article
    • Comment planifier la publication d’un article WordPress
  • Médias
    • Quels types de fichiers utiliser sur un site WordPress?
    • Ajouter et optimiser une image dans WordPress
  • Menus & navigation
    • Créer et modifier un menu
  • Utilisateurs & rôles
    • Gérer les utilisateurs et les rôles

WooCommerce

7
  • Démarrage WooCommerce
    • Accéder et comprendre WooCommerce
  • Produits
    • Créer un produit variable
    • Créer un produit simple
  • Livraisons
    • Configurer les frais et modes de livraison
  • Paiements
    • Configurer les moyens de paiement
  • Commandes
    • Gérer les commandes WooCommerce
  • Emails & notifications
    • Emails WooCommerce: que reçoit le client?

Divi

11
  • Bases de Divi
    • Installer et activer Divi
    • Ouvrir et utiliser l’éditeur Divi
  • Structure des pages Divi
    • Ajouter et organiser les sections et lignes
    • Comprendre les sections, lignes et modules Divi
  • Modifier le contenu avec Divi
    • Dupliquer, déplacer et supprimer des éléments Divi
    • Modifier un module avec Divi
  • Mise en page et design
    • Gérer la mise en page et le design avec Divi
    • Adapter une page Divi pour mobile et tablette
  • Outils et bonnes pratiques Divi
    • Problèmes fréquents et dépannage Divi
    • Bonnes pratiques pour travailler avec Divi
    • Utiliser la bibliothèque Divi

Infomaniak

9
  • Manager Infomaniak
    • Se connecter au manager Infomaniak
  • Domaines
    • Gérer son nom de domaine
  • Emails
    • Comprendre POP, IMAP et SMTP
    • Configurer une adresse email Infomaniak sur Android et Outlook
    • Dépannage emails: ne reçoit pas / ne peut pas envoyer
    • Configurer une adresse email Infomaniak sur iPhone et Mac
    • Créer et gérer une adresse email
  • Hébergement web
    • Comprendre son hébergement web
  • Sauvegardes & restauration
    • Sauvegardes Infomaniak: comment restaurer son site

Outils et bonnes pratiques

10
  • Bonnes habitudes
    • Bien gérer et stocker ses mots de passe
    • Éviter les erreurs courantes lors des mises à jour
    • Tester un site avant publication
    • Bonnes habitudes avant de modifier un site
  • Contenus et rédaction
    • Rédiger un article de blog: méthode simple et efficace
  • Productivité
    • Raccourcis clavier utiles pour le web
  • Navigateurs et extensions
    • Comprendre le cache et vider le cache du navigateur
    • Tester un site comme un visiteur
    • Navigateurs recommandés pour gérer un site web
    • Extensions navigateur utiles pour le web

Avancé

20
  • Divi (code)
    • Déplacer le logo Google reCAPTCHA v3
    • [CSS] Supprimer la sidebar sur une page Divi
    • [CSS] Ajouter un espace entre les éléments d’une liste
    • [CSS] Personnaliser les puces d’une liste (bullet points)
    • [CSS] Inverser l’ordre des colonnes sur mobile dans Divi
    • [CSS] Conserver les colonnes sur mobile dans une section Divi
    • [CSS] Masquer la légende dans la lightbox d’une galerie Divi
    • [DIVI] [CODE] Masquer les infos au survol des images
    • [CSS+CODE] Conserver la couleur du lien actif dans un menu one-page
    • [CSS] Centrer verticalement un module Divi
  • WordPress (code)
    • [WordPress] Autoriser l’upload de tous types de fichiers
    • [WordPress] Désactiver l’affichage des alertes PHP
  • WooCommerce (code)
    • [WooCommerce] Masquer les autres frais de livraison si la livraison gratuite est disponible
    • [WooCommerce] Limiter les frais d’expédition avec un montant maximum
    • [WooCommerce] Comprendre le calcul des frais d’expédition: par classe ou par commande
    • [WooCommerce] Utiliser des formules avancées pour calculer les frais d’expédition
    • [WooCommerce] Structurer ses frais d’expédition avec les classes et les formules
    • [WooCommerce] Calculer les frais d’expédition avec une classe de livraison
    • [WooCommerce] Modifier le texte “Disponible sur commande”
    • [WooCommerce] Afficher le code promo utilisé dans l’email de confirmation
View Categories
  • Accueil
  • Docs
  • WordPress
  • Médias
  • Quels types de fichiers utiliser sur un site WordPress?

Quels types de fichiers utiliser sur un site WordPress?

Temps de lecture estimé: 2 min

Lorsque tu ajoutes du contenu sur ton site WordPress, il est important d’utiliser les bons types de fichiers. Chaque format a un usage spécifique et un impact sur la qualité, les performances et la compatibilité.

En bref #

  • Chaque type de fichier a un usage précis
  • Les images doivent être optimisées pour le web
  • Certains formats sont déconseillés ou à éviter

Images: les formats les plus utilisés #

JPEG (.jpg) #

  • idéal pour les photos
  • poids léger
  • bonne qualité globale

👉 À utiliser pour: photos, visuels, images de fond

PNG (.png) #

  • gère la transparence
  • qualité élevée
  • plus lourd que JPEG

👉 À utiliser pour : logos, éléments graphiques

WebP (.webp) #

  • format moderne
  • très léger
  • excellente qualité

👉 À privilégier si possible pour améliorer les performances

SVG (.svg) #

  • format vectoriel
  • qualité parfaite à toutes tailles
  • léger mais sensible côté sécurité

👉 À utiliser pour: logos, icônes (avec précaution)

—

Documents #

PDF (.pdf) #

  • format standard pour les documents
  • compatible sur tous les appareils

👉 À utiliser pour: brochures, fiches, documents téléchargeables

Word / Excel (.docx, .xlsx) #

  • formats modifiables
  • moins adaptés au web

👉 À éviter pour les visiteurs → préférer le PDF

—

Vidéos #

MP4 (.mp4) #

  • format le plus compatible
  • bonne compression

👉 À utiliser pour: vidéos simples

⚠️ Attention: les vidéos peuvent être lourdes et ralentir le site

👉 Recommandé: utiliser YouTube ou Vimeo et intégrer la vidéo

—

Fichiers à éviter #

  • .zip → seulement pour téléchargement, pas affichage
  • .exe → interdit et dangereux
  • .php → bloqué pour des raisons de sécurité

—

Points d’attention #

  • un fichier trop lourd ralentit ton site
  • une mauvaise image peut dégrader l’expérience utilisateur
  • certains formats peuvent présenter des risques de sécurité

Astuce utile #

Avant d’ajouter une image, compresse-la et adapte sa taille. Cela améliore fortement la vitesse de ton site.

—

Bonnes pratiques #

  • utiliser JPEG ou WebP pour les images
  • éviter les fichiers trop lourds
  • préférer PDF pour les documents
  • héberger les vidéos sur une plateforme externe

—

Pour conclure #

Choisir le bon type de fichier permet d’améliorer les performances, la qualité et la sécurité de ton site WordPress. C’est un élément simple mais essentiel pour un site professionnel.

—

Pour aller plus loin #

  • Comprendre le cache et vider le cache du navigateur
  • Ajouter et optimiser une image dans WordPress
  • Tester un site avant publication
Updated on mars 20, 2026

Comment as-tu trouvé cet article?

  • Happy
  • Normal
  • Sad
Ajouter et optimiser une image dans WordPressAjouter et optimiser une image dans WordPress
Table des matières
  • En bref
  • Images: les formats les plus utilisés
    • JPEG (.jpg)
    • PNG (.png)
    • WebP (.webp)
    • SVG (.svg)
  • Documents
    • PDF (.pdf)
    • Word / Excel (.docx, .xlsx)
  • Vidéos
    • MP4 (.mp4)
  • Fichiers à éviter
  • Points d’attention
  • Astuce utile
  • Bonnes pratiques
  • Pour conclure
  • Pour aller plus loin

Base de connaissance
WordPress
WooCommerce
Divi
Infomaniak
Outils et bonnes pratiques

Vous ne trouvez pas de réponse?
Contactez notre support.

Demande d'assistance

LÉGAL
Politique de confidentialité

© DrGeek.com 2026 | Tous droits réservés
créé par AL&JE