DIVI TAILLE DES IMAGES RECOMENES

Dans Divi, la taille des images dépend du module utilisé, de la mise en page (colonnes) et de l’objectif (performance, qualité, responsivité). Voici un guide clair par module avec les tailles recommandées optimisées pour le web :

🔷 1. Module Image (Image seule dans une colonne)

• Pleine largeur : 1920 x 1080 px (ou hauteur libre)

• Colonne 1/2 : 1080 x 720 px

• Colonne 1/3 : 720 x 480 px

• Format optimal web : JPEG ou WebP, compression à ~75–85 %

🔷 2. Module Blog (miniatures d’articles)

• Image mise en avant : 400 x 250 px ou 600 x 400 px

• Si grille avec colonnes : 400 x 400 px (format carré)

• Astuce : toujours garder le même ratio dans toute la section pour une grille propre

🔷 3. Module Galerie

• Miniatures : 800 x 600 px (suffisant pour le clic/zoom)

• Mosaïque ou grille : même hauteur pour toutes les images, exemple : 800 x 800 px

• Image au clic (lightbox) : 1200 px de large max

🔷 4. Module Slider (ou Slider plein écran)

• Pleine largeur : 1920 x 800 px ou 1920 x 1080 px

• Slider normal : 1400 x 600 px

• Conseil : ne pas dépasser 200 Ko pour le chargement rapide

🔷 5. Module Personne (profil/équipe)

• Image carrée : 400 x 400 px (ou 500 x 500 px)

• Format recommandé : WebP ou JPEG, qualité 80 %

🔷 6. Module Boutique WooCommerce

• Image produit : 800 x 800 px minimum

• Zoom ou lightbox : 1200 x 1200 px ou plus si besoin

• Respecte le ratio défini dans WooCommerce (réglages > produits > image)

🔷 Recommandations générales