Guide de redimensionnement d'images : dimensions optimales pour web et réseaux sociaux
Choisir la bonne taille d'image pour les sites web, les réseaux sociaux et l'e-mail affecte à la fois la qualité visuelle et la vitesse de chargement de la page.
Mise à jour :
Pourquoi la taille d'image est importante
Les grandes images augmentent le temps de chargement. Google Core Web Vitals : LCP doit être inférieur à 2,5 secondes. Les petites images causent une perte de qualité. La bonne taille optimise à la fois la qualité et les performances.
Dimensions optimales pour les sites web
Hero/banner : 1920x1080 px (16:9), 200-400 Ko. Couverture de blog : 1200x628 px, 100-200 Ko. Image de contenu : 800x600 px, 50-150 Ko. Miniature : 300x200 px, 20-50 Ko. Logo : 200x50 px, 10-30 Ko. Favicon : 32x32 ou 16x16 px.
Dimensions optimales pour les réseaux sociaux
Instagram : Carré 1080x1080, Portrait 1080x1350, Story 1080x1920. Facebook : Couverture 820x312, Publication 1200x630. Twitter/X : En-tête 1500x500, Publication 1200x675. LinkedIn : Couverture 1584x396, Publication 1200x627. YouTube : Miniature 1280x720.
Conseils de redimensionnement
1. Verrouiller le rapport d'aspect. 2. Utiliser la résolution 2x pour Retina. 3. Utiliser WebP. 4. Lazy loading. 5. Images responsives (srcset).
Redimensionneur d'images Utilgo
Le redimensionneur d'images Utilgo prend en charge le redimensionnement par pixels ou par pourcentage, le verrouillage du rapport d'aspect et la sélection de format (JPEG/PNG/WebP). Fichiers jusqu'à 20 Mo et 40 mégapixels.
Outils associés
Guides pas à pas
Articles pratiques sur ce sujet
Performance Web Mobile : Optimisation et Meilleures Pratiques
La performance web mobile implique des défis différents de la performance desktop.
Réduire une photo sous 200 Ko pour un formulaire
Un formulaire peut refuser une photo dont les dimensions semblent correctes.
Images Responsives : srcset, sizes et Art Direction
Les images responsives servent des images optimisées pour différentes tailles d'écran et résolutions.