Publicité
Publier ses photos sur le web : format, taille et qualité expliqués simplement

Format photo pour le web : JPG, définition, résolution et taille expliqués

Télécharger l'article en PDF

Pour publier ses photos sur le web sans perdre en qualité ni en contrôle, il faut comprendre une chose simple : le web a ses propres règles, très différentes de l’impression ou de l’archivage.

Sur le web, ce qui compte c’est ce que voit le spectateur et le temps que met la page à s’afficher. Tout le reste, y compris la résolution en dpi, est une question d’impression et ne vous concerne pas ici.

Réponse rapide : pour publier vos photos sur le web, utilisez le format JPG avec une définition de 1 024 pixels sur le plus grand côté. Oubliez la résolution (72 ou 300 dpi n’ont aucun impact à l’écran) et visez un poids de fichier entre 150 et 300 Ko. L’orientation dépend du sujet et de l’usage, pas d’une règle imposée par les plateformes.

Publier ses photos au bon format : le type de fichier

RAW, JPG, TIFF, PSD… il existe de nombreux formats liés à la prise de vue et au traitement des images, et ça change chaque année. Mais dès qu’il s’agit de publier une photo sur le web, le champ des possibles se réduit fortement :

  • Le RAW n’est pas lisible par un navigateur.
  • Le TIFF ne l’est pas non plus dans la plupart des cas (certains navigateurs disposent d’extensions pour le TIFF mais rien n’est standard).
  • Le PSD, format natif de Photoshop, n’a évidemment rien à faire en ligne.

Tous ces formats relèvent du flux de travail du photographe, pas de la diffusion, et encore moins sur le web. Qu’on se le dise.

Pendant longtemps, le JPG a été le format standard du web photo. Il reste aujourd’hui le plus universel : tous les navigateurs l’affichent, tous les services l’acceptent, et il offre un compromis efficace entre qualité d’image et poids de fichier.

Pour une publication simple, maîtrisée et compatible partout, le JPG fait parfaitement le travail.

Depuis quelques années, de nouveaux formats web sont apparus, comme WebP ou AVIF. Leur objectif est clair : réduire encore le poids des fichiers à qualité visuelle équivalente, voire supérieure au JPG. Sur le papier, ces formats sont plus performants. Dans la pratique, leur adoption dépend du navigateur.

WebP a été développé par Google et est aujourd’hui supporté par tous les navigateurs modernes. AVIF, plus récent, offre une compression encore supérieure mais reste moins universel. WordPress, à partir de la version 5.8, intègre nativement le support WebP. Ces formats sont pertinents si votre site gère automatiquement la conversion à l’export.

Sur le web, la question du format ne se pose donc pas très longtemps.

Si votre photo doit être vue dans un navigateur, partagée, chargée rapidement et affichée correctement sur tous les écrans, le JPG reste le format de référence côté photographe.

Les formats comme WebP ou AVIF relèvent davantage de l’optimisation technique côté site que d’un choix créatif ou éditorial à l’export.

Quelle définition d’image pour le web ?

Ici, on parle uniquement de la taille d’une photo en pixels. Un appareil photo de 24 Mp produit des images de 6 000 × 4 000 pixels. C’est ça, la définition : une valeur absolue, indépendante de tout support.

Pour le web, cette définition doit être réduite. Non pas pour « faire joli », mais pour s’adapter à la réalité des écrans sur lesquels vos photos seront consultées. Et cette réalité est simple : il n’existe pas un écran type, mais une multitude de tailles et de définitions différentes. Là-aussi, ça change sans cesse.

Ordinateurs, tablettes, smartphones, téléviseurs : chacun affiche les images selon ses propres contraintes. À titre indicatif, on trouve aujourd’hui des écrans aux définitions très variées, par exemple :

  • 1280 × 800
  • 1366 × 768
  • 1440 × 900
  • 1920 × 1080
  • 1920 × 1200
  • 2560 × 1440
  • 3840 × 2160

Il est donc illusoire de vouloir choisir une définition « parfaite » à l’avance. Vous ne savez pas si votre photo sera vue sur un écran de 24 pouces, un portable 13 pouces ou un smartphone (bien que la réponse soit le smartphone très probablement). Et paradoxalement, certains smartphones récents affichent autant de pixels qu’un écran Full HD. Le support ne dit plus grand-chose de l’usage réel.

Un autre point mérite d’être pris en compte : plus la définition publiée est élevée, plus la réutilisation de l’image devient facile. Si une photo est récupérée sans votre accord (c’est presque toujours le cas), elle pourra servir aussi bien sur le web que sur papier, à condition que sa taille le permette. Merci d’avoir offert votre photo.

Il faut donc faire un choix raisonné. De mon côté, je publie mes photos avec une définition de 1 024 pixels sur le plus grand côté. Cela limite le poids des fichiers, simplifie la gestion des images et reste largement suffisant pour un affichage à l’écran.

Jamais au-delà.

Cette définition volontairement réduite améliore le temps de chargement des pages, ce qui est bénéfique pour le référencement (et la planète…). Et c’est aussi beaucoup plus confortable à consulter sur smartphone, notamment lorsque la connexion mobile est loin d’être optimale (ce qui est souvent le cas encore).

Quelle résolution d’image pour le web ?

La résolution est souvent confondue avec la définition, alors qu’il s’agit de deux notions différentes. La résolution correspond au nombre de pixels par pouce que contient une image. Le pouce est une unité de longueur équivalente à 2,54 centimètres.

Elle s’exprime en points par pouce (PPP) ou en dots per inch (DPI). Plus la valeur est élevée, plus les pixels sont concentrés sur une même surface. Contrairement à une idée répandue, la résolution n’a aucun lien avec le taux de compression JPG ni avec la qualité visuelle d’une image à l’écran.

J’avais prévenu, c’est le genre de notion qui peut vite embrouiller.

La définition est une valeur absolue : le nombre total de pixels qui composent l’image.
La résolution est une valeur relative : la manière dont ces pixels sont répartis sur une longueur donnée.

La résolution sert uniquement à déterminer la taille d’un tirage papier lors de l’impression. Une imprimante peut rapprocher ou espacer les gouttes d’encre. Un écran, lui, ne le peut pas : un pixel image correspond toujours à un pixel écran.

Lorsqu’il s’agit de publier une photo sur le web, la résolution devient donc sans importance. Ce qui compte, c’est la définition en pixels, pas une valeur arbitraire comme 72 dpi ou 300 dpi.

En pratique, concentrez-vous sur deux choses : la définition finale de l’image et le poids du fichier. Ce sont elles qui influencent l’affichage à l’écran, le temps de chargement et le confort de lecture.

Autrement dit, une photo de 1 024 × 683 pixels aura un poids brut, sans compression, d’environ 2 Mo, que sa résolution soit indiquée à 72 dpi ou à 300 dpi. Cela correspond à la taille réelle des données de l’image, calculée simplement :

1 024 × 683 pixels en RVB (chaque pixel est codé sur 3 octets, rouge, vert et bleu) = 699 392 × 3 ≈ 2 Mo.

Définition vs résolution : quelle différence pour le web ?

La définition est le nombre total de pixels d’une image (ex. : 1 024 × 683 px). C’est ce qui détermine la taille d’affichage à l’écran.

La résolution (dpi) indique la densité de pixels par pouce. Elle n’a d’utilité que pour l’impression. À l’écran, 72 dpi et 300 dpi donnent strictement le même résultat visuel.

Pour publier sur le web, la seule valeur qui compte est la définition en pixels, accompagnée du poids du fichier après compression JPG (idéalement entre 150 et 300 Ko).

Cependant, sur le web, on utilise le format JPG qui permet de compresser l’image, c’est-à-dire de réduire son poids sans perdre trop de qualité visuelle. Grâce à cette compression, une même image peut peser entre 150 et 300 Ko au lieu de 2 Mo, ce qui la rend beaucoup plus rapide à charger et à afficher.

Les dpi (72 ou 300) n’affectent pas la taille du fichier numérique : ils indiquent uniquement la taille d’impression (ex. : 72 dpi = image plus grande à l’impression que 300 dpi pour le même nombre de pixels).

À retenir pour le web : pixels et poids du fichier. La résolution en dpi est hors sujet.

Si vous avez tenu le coup jusque-là, vous avez compris l’essentiel. Félicitations.

Quel format et orientation privilégier pour publier une photo?

Une autre question revient souvent au moment de publier ses photos sur le web : faut-il privilégier le format paysage ou le format portrait ?

Ma bonne dame… carottes ou poireaux ? Bouteille verre ou bouteille plastique ? La réponse n’a rien de scientifique : vous faites ce que vous voulez. Ce sont vos images, personne n’a à vous imposer un format, même pas Instagram !

Si une photo a été pensée et construite en portrait, publiez-la en portrait. Si elle a été conçue en paysage, publiez-la en paysage. Et si vous décidez de faire l’inverse, c’est votre choix. La publication ne doit pas trahir l’intention de départ, mais elle peut s’en affranchir si vous l’assumez.

Quelques précautions s’imposent néanmoins. Vous savez désormais que la définition d’une image est une valeur absolue. Si vous fixez, par exemple, 1 024 pixels pour le plus grand côté, le comportement à l’écran change selon l’orientation choisie :

  • En format paysage, l’image occupe 1024 pixels en largeur.
  • En format portrait, elle occupe 1024 pixels en hauteur.

La question devient alors celle du confort de lecture.

Un format paysage sollicite davantage la largeur de l’écran.
Un format portrait sollicite davantage sa hauteur.

Sur un écran d’ordinateur, naturellement plus large que haut, le format paysage s’intègre très bien.
Sur un smartphone, conçu à l’inverse, le format portrait est souvent plus lisible et plus confortable.

Idéalement, il faudrait demander à chacun de vos visiteurs s’ils consultent votre site majoritairement depuis un ordinateur ou depuis un mobile. Je vous laisse essayer. À défaut de boule de cristal, les statistiques de fréquentation sont votre seul repère. Les outils analytiques permettent de le savoir précisément. À titre indicatif, sur mon site photo personnel, je constate ceci :

  • L’ordinateur domine légèrement (54%).
  • Le mobile est très proche (44%).
  • Les tablettes sont marginales (2%).

Ces proportions sont représentatives de nombreux sites. Elles ne dictent aucune règle, mais elles donnent un cadre de réflexion. De mon côté, étant naturellement plus attiré par le format paysage, je publie majoritairement mes images dans cette orientation.

Gardez enfin à l’esprit qu’un format paysage affiché sur smartphone occupe toute la largeur de l’écran, mais avec une hauteur réduite. Les images riches en détails deviennent alors plus difficiles à lire. Cela explique en partie le succès des images simples et épurées sur Instagram, plateforme pensée avant tout pour un usage mobile, et de plus en plus orientée vidéo.

Le format carré y est longtemps resté dominant, et le format portrait est aujourd’hui l’un des plus efficaces en termes de lisibilité.

Comment publier ses photos au bon format ?

Ces notions devraient maintenant vous permettre d’y voir plus clair. Si ce n’est pas encore totalement le cas, voici une synthèse simple, orientée usage (je vous dorlote).

Réglages recommandés selon la plateforme

PlateformeFormatDéfinition (grand côté)Poids cibleOrientation
Site personnel / galerieJPG1 024 px150 à 300 KoLibre
Site de partage (Flickr, 500px)JPG1 024 px150 à 300 KoLibre
FacebookJPG1 024 px maxPeu important (recompressé)Libre
InstagramJPG1 080 px200 à 500 KoPortrait 4:5 recommandé

Publier ses photos sur son site ou sa galerie

Restez sur des choix sobres et efficaces.
Utilisez le format JPG, avec une définition de 1 024 pixels sur le plus grand côté.
Ajustez le taux de compression pour maintenir un poids raisonnable, idéalement autour de 150 à 300 Ko pour une image de 1 024 pixels.
Oubliez complètement la résolution, elle n’a aucun impact à l’écran.
Dans Lightroom Classic, l’export en JPG à 1 024 pixels se configure en deux réglages : définition du plus grand côté à 1 024 px et qualité JPG entre 75 et 85. C’est suffisant pour le web. Inutile d’aller au-delà.
Quant à l’orientation, choisissez celle qui vous semble la plus juste pour l’image. Vous obtiendrez ainsi des fichiers parfaitement adaptés au web.

Publier ses photos sur un site de partage

Appliquez exactement les mêmes principes.
Inutile de faire autrement : les contraintes sont similaires et les plateformes se chargent souvent du reste.

Publier ses photos sur Facebook

La question est vite réglée.
Facebook recompresse systématiquement les images, quels que soient vos réglages de départ.
Ne perdez pas de temps à chercher l’optimisation parfaite.
Évitez simplement les définitions trop élevées afin de limiter les possibilités de réutilisation des images.
Et dites-vous qu’il est normal que vos superbes photos apparaissent dégradées à l’écran (mais en même temps, Facebook n’est pas un site de partage de photos).

Publier ses photos sur Instagram

Tenez compte du support principal : le smartphone.
L’écran est petit, vertical, et impose ses codes.
Les formats verticaux en 4:5 ou carrés y sont généralement les plus lisibles et les mieux mis en valeur.

Ce que, pour ma part, je ne fais pas toujours, parce que j’ai une certaine résistance dès qu’on commence à m’imposer des règles (et j’ai du mal à me soigner).

FAQ – Publier ses photos sur le web

Quel format utiliser pour publier ses photos sur le web ?

Le JPG est le format de référence pour publier des photos sur le web. Il est compatible avec tous les navigateurs, accepté par toutes les plateformes et offre un bon compromis entre qualité visuelle et poids de fichier. Les formats WebP et AVIF sont plus performants techniquement, mais leur gestion est généralement automatisée côté serveur. À l’export depuis Lightroom ou Photoshop, le JPG reste le choix standard.

Quelle taille de photo pour publier sur le web ?

1 024 pixels sur le plus grand côté est la valeur recommandée pour une publication web standard. Cette taille est lisible sur tous les écrans, limite le poids du fichier et réduit les risques de réutilisation non autorisée de vos images. Pour Instagram, 1 080 pixels est la valeur native de la plateforme.

Faut-il exporter ses photos à 72 dpi pour le web ?

Non. La résolution en dpi n’a aucune incidence sur l’affichage à l’écran. Un écran affiche des pixels, il ne connaît pas les pouces. Que votre photo soit réglée à 72 dpi ou 300 dpi, le résultat visuel est identique. Pour le web, concentrez-vous uniquement sur la définition en pixels et le poids du fichier.

Quel poids de fichier photo viser pour le web ?

Entre 150 et 300 Ko pour une image de 1 024 pixels. C’est le bon équilibre entre qualité visuelle et vitesse de chargement. Un fichier trop lourd ralentit l’affichage de la page, ce qui pénalise à la fois l’expérience visiteur et le référencement. Le taux de compression JPG entre 75 et 85 % dans Lightroom donne généralement de bons résultats dans cette fourchette.

Le format portrait ou paysage est-il recommandé sur Instagram ?

Le format portrait en 4:5 (1 080 × 1 350 px) est aujourd’hui le mieux adapté à Instagram, car il occupe davantage de place dans le fil et s’affiche mieux sur smartphone. Le format carré reste lisible. Le format paysage est le moins efficace sur mobile. Cela dit, si votre image a été pensée en paysage, rien ne vous oblige à la recadrer.

Pour aller plus loin : pourquoi utiliser les réseaux sociaux pour les photographes

Format JPG, 1 024 pixels, 150 à 300 Ko : voilà les trois repères qui suffisent pour publier correctement vos photos sur le web. Tout le reste, résolution en dpi, formats exotiques, optimisations automatiques, concerne votre serveur ou votre imprimante, pas votre export.

Ce dossier en 8 parties :


Conversation (4 commentaires)

💬 Une idée, une expérience, une question ? Exprimez-vous, c’est le bon endroit !

  1. Geoffrey

    Bonjour,
    Est-ce qu’en 2025 cette contrainte de pixels et poids est toujours la même ou peut être revue à la hausse ?

    • Jean-Christophe Dichant

      Tout dépend du support envisagé, tout ayant tendance à grossir sur le web.
      Ceci dit, un peu d’écologie numérique ne faisant jamais de mal, si je peux réduire la taille de mes images avant de les publier, sans que cela ne porte à conséquence, je le fais toujours. Ça veut dire moins de serveur de stockage, moins de consommation réseau, moins de stockage chez les lecteurs (le cache et autre joyeusetés).

  2. Claudio Morelli

    Bonjour,
    j’allais commencer à prendre des notes….
    Mais c’est très bien expliqué et avec une touche d’humour en plus !
    Bravo et merci

  3. Hervé

    Excellent article !
    Bravo et merci.