Mesurer les usages avant d’exporter
Choisissez une réalisation et repérez ses emplacements : vignette dans une liste, photo dans l’article, agrandissement éventuel. Notez la largeur d’affichage observée sur téléphone et ordinateur. Gardez le fichier original à part. Cette méthode proposée permet de préparer les variantes à partir du besoin réel plutôt que d’imposer la même largeur à toute la galerie. Vérifiez que la photographie est autorisée à la diffusion et que le détail important reste compréhensible dans chaque emplacement.
Distinguer résolution et cadrage
MDN distingue le changement de résolution, qui conserve le même sujet avec plusieurs dimensions de fichier, et la direction artistique, qui peut employer un autre recadrage. Pour des variantes de résolution, srcset énumère les fichiers disponibles et leurs dimensions ; sizes renseigne sur l’espace d’affichage prévu. Le navigateur effectue son choix selon le contexte. Pour un cadrage différent selon l’écran, l’élément picture est une autre possibilité. Demandez au prestataire quelle situation votre galerie rencontre avant de produire les exports.
Livrer un ensemble compréhensible
Proposition de dossier : un original, des exports nommés par largeur et une note indiquant l’emplacement prévu. Gardez le même cadrage entre les variantes qui représentent la même vue. Si une version mobile montre un détail différent, identifiez-la clairement pour éviter qu’elle soit utilisée comme simple miniature. Ne choisissez pas une qualité de compression uniquement sur un chiffre : ouvrez les fichiers et regardez les surfaces, les textures et les lignes qui démontrent votre travail.
Vérifier le fichier réellement chargé
Avec les outils de développement du navigateur, observez la requête d’image sur plusieurs tailles d’écran. Comparez l’affichage, le fichier choisi et son poids. Le cache peut influencer un essai ; notez les conditions et recommencez proprement avant de conclure. Une bonne adaptation ne garantit pas à elle seule la vitesse du site : scripts, polices et autres ressources interviennent aussi. Conservez un relevé avant/après sur la même page si vous voulez mesurer l’effet de votre modification.
Votre grille de contrôle
Une trame proposée par koldia, à adapter à votre activité.
| Point à contrôler | Repère | Action ou résultat attendu |
|---|---|---|
| Vignette | Image dans une carte | Préparer une largeur cohérente |
| Photo éditoriale | Détail à comprendre | Conserver la lisibilité |
| Cadrage mobile | Sujet coupé | Étudier un recadrage distinct |
| Contrôle réseau | Fichier choisi par le navigateur | Relever taille et conditions |
Avant de terminer
Ces cases sont enregistrées uniquement dans votre navigateur.
Sources officielles et suivi
Informations vérifiées le 22 octobre 2026. Prochaine revue prévue le 22 janvier 2027, ou plus tôt si le fonctionnement change. Les libellés peuvent varier selon le compte et l’interface.
Besoin d’aide pour votre visibilité ?
Un premier échange offert de 15 minutes par téléphone, sans engagement, pour préciser votre besoin.
Parlons de votre projet