Format photo web : quelles dimensions pour SEO, social media et print ?

1. Les trois contextes d’image : web, réseaux, impression

Une même photo ne s’affiche pas de la même façon sur le web, sur réseaux sociaux ou à l’impression. Les dimensions, résolutions et formats diffèrent radicalement. Une image « optimale » pour Google Images (1200×630 px, 100-200 KB) serait trop lourde en email et inappropriée en print. Comprendre ces trois contextes évite 70 % des problèmes visuels.

En 2026, la stratégie gagnante mixe :

1. Web et SEO : images légères, dimensions standard pour moteurs.
2. Réseaux sociaux : formats carrés ou verticaux, retina 2× pour mobile.
3. Print : haute résolution (300 dpi), fichiers TIFF ou PNG non compressés. Une même production photo alimente souvent les trois, d’où importance de bien dimensionner.

Une photo web optimale (72 dpi, 200 KB) imprimée ressemble à une patate floue. Même photo en 300 dpi pour print explose la taille fichier. C’est pourquoi il faut trois versions.

• Web : dimensions pour SEO + réseaux. 72 dpi, 100-400 KB par image
• Réseaux : carrés (1080×1080), stories (1080×1920), bannieres (1200×627). Retina 2× recommandé
• Print : 300 dpi minimum, fichiers volumineux (2-5 MB), format TIFF ou PNG sans compression

2. Dimensions web et SEO : la norme 1200×630

Google Images affiche vignettes 200×150 px en recherche, mais indexe aussi métadonnées. La dimension optimale pour SEO reste 1200×630 px (ratio 1.91:1 ou 16:9 proche). C’est la taille de preview sur Google, Facebook, LinkedIn, Twitter. Les moteurs considèrent aussi min 1200×630 comme « high quality ».

Poids et compression web

Web = 72 dpi, compression maximale. Poids cible : 100-200 KB pour image SEO, 200-400 KB pour header. Au-delà, ralentit page, pénalise Core Web Vitals (Google). JPEG progressif (80-85 qualité) = optimum web. Formats modernes : WebP (économise 25-35 % vs JPEG), AVIF (économise 50 % vs JPEG, mais compatibilité Firefox/Safari limitée 2026). HEIC (Apple) à éviter web car incompatible Android.

• JPEG progressif (80-85 qualité) : 150-250 KB, web standard
• WebP : 100-180 KB, économies 25-35 %, navigateurs modernes compatibles
• AVIF : 80-150 KB, compression 50 %, peu compatible 2026 (Firefox, Safari)
• PNG : 300-500 KB, inutile web si JPEG suffit, réserver texte/logo net

3. Réseaux sociaux : dimensions de chaque plateforme

LinkedIn

Article/update : 1200×627 px (ratio 1.91:1). Bannière profil : 1584×396 px. Bannière page entreprise : 1200×627 px. Toutes en 72 dpi, JPEG 80-85 qualité, poids 150-300 KB. LinkedIn accepte aussi 1:1 (carré) mais privilégie 1.91:1 en feed.

Instagram

Post feed : 1080×1080 px (carré). Story : 1080×1920 px (portrait, ratio 9:16). Reel : 1080×1920 px vertical. Retina 2× recommandé (2160×2160 feed, 2160×3840 story) pour nitidité mobile. Tous JPEG 85 qualité, max 400 KB chacun.

Facebook

Post image : 1200×628 px (ratio 1.91:1). Story : 1080×1920 px. Bannière page : 820×312 px minimum. Retina 2× ok (Facebook scale automatiquement). JPEG 80-85 qualité, 200-350 KB.

• LinkedIn article : 1200×627 px, retina 2× = 2400×1254 optimal
• Instagram feed : 1080×1080 px carré, retina 2× = 2160×2160 optimal
• Instagram story : 1080×1920 px portrait, retina 2× = 2160×3840 optimal
• Facebook post : 1200×628 px, retina 2× accepté

4. Retina 2× et densité pixelaire : pourquoi multiplier par 2

Les smartphones et tablettes affichent 2-3 pixels physiques par pixel CSS. Si vous uploadez 1080×1080 en feed Instagram, l’app scale 2× = 2160×2160 px pour affichage nitide. Mieux vaut uploader directement 2160×2160 (retina) : plus net, moins de dégradation scaling.

À retenir — Retina 2× sur réseaux mobiles = dimensions × 2. 1080×1080 → 2160×2160 pour Instagram feed. Poids monte (double), mais netteté mobile gagnée.

Attention : fichier 2× = poids 4× plus lourd (1080×1080 JPEG 150 KB → 2160×2160 JPEG 600 KB). À bannir en email ou contexte bandwidth serré. Web : 1× suffisante (72 dpi). Réseaux sociaux mobile : 2× recommandé (Instagram, TikTok), 1× acceptable si budget serré.

5. Impression et print : 300 dpi, formats et fichiers volumineux

Impression = règles opposées web. Minimum 300 dpi (mieux 350-400 dpi). Une photo imprimée 20×30 cm = 2480×3720 px (300 dpi). Même photo web 1200×630 = impression 10×5 cm à peine = minuscule ! Formats : TIFF non compressé ou PNG (compression lossless), jamais JPEG pour impression qualité (perte compression visible à l’agrandissement).

Conversions dpi/dimensions courantes

• A4 (210×297 mm) 300 dpi : 2480×3508 px ≈ 5-8 MB TIFF
• Affiche A2 (420×594 mm) 300 dpi : 4960×7016 px ≈ 30-50 MB TIFF
• Photo 13×18 cm 300 dpi : 1535×2126 px ≈ 1-2 MB
• Bannière 100×300 cm 200 dpi : 7874×11811 px ≈ 80-150 MB

Règle pratique : prenez largeur impression en mm, multipliez par 11.8 (conversion 300 dpi). 200 mm × 11.8 = 2360 px. Pour print professionnel (agences), demandez toujours fichier 300 dpi minimum, couleur RVB (convertible en CMJN par imprimeur). Layve stocke fichiers sources haute-res pour clients avec besoins print récurrents.

6. HTML et srcset : servir images responsive web

Modern web = images responsive. Code HTML srcset spécifie plusieurs résolutions, navigateur choisit. Exemple : <img srcset="photo-mobile.jpg 600w, photo-desktop.jpg 1200w" src="photo-desktop.jpg" /> . Mobile reçoit 600px (35 KB), desktop 1200px (150 KB). Économie bande passante 70 %.

Stratégie typical srcset

• Mobile (<600px) : 600×400 JPEG 50-80 KB
• Tablet (600-1024px) : 1200×800 JPEG 100-150 KB
• Desktop (>1024px) : 1600×1000 JPEG 150-250 KB
• Retina 2× desktop : 3200×2000 JPEG WebP 300-400 KB

CMS modernes (WordPress, Webflow, Wix) génèrent srcset auto. Si custom code : utilisez tools comme Cloudinary ou ImageOptim pour générer tailles multiples. Gagn 40-60 % temps chargement page, améliore Core Web Vitals (LCP, CLS).

7. Résumé : checklist dimensions par contexte

Voici la checklist à copier pour optimiser toute nouvelle photo :

1. Web/SEO : 1200×630 px, JPEG 80-85 qualité, 150-200 KB, 72 dpi, WebP variant
2. LinkedIn : article 1200×627 px (ou 2400×1254 retina), bannière 1584×396 px
3. Instagram : feed 1080×1080 px (2160×2160 retina), story 1080×1920 px (2160×3840 retina)
4. Facebook : 1200×628 px post, 820×312 px bannière, retina 2× ok
5. Email : 600×400 px max, JPEG 50-80 KB, 72 dpi
6. Print : 300 dpi minimum, TIFF ou PNG lossless, dimensions selon format final (A4 = 2480×3508 px)
7. Archive source : TIFF 300 dpi pour future print/agrandissement

Astuce finale : une bonne photo source (2000×1500 px + 300 dpi TIFF) s’adapte partout. Vous décimez pour web, gardez source pour print. Layve recommande toujours demander photographe fichiers « source » (non compressés) pour flexibility future.

Un sujet que vous aimeriez voir traité ici ? Écrivez-nous à [email protected] — on publie les meilleures idées de nos lecteurs chaque mois.