Quelle image un téléphone télécharge-t-il vraiment ?

Un petit emplacement ne réduit pas le fichier téléchargé. Si chaque visiteur reçoit la même photo pleine définition, un téléphone récupère encore des pixels inutiles à la mise en page. Compression et sélection adaptative traitent des aspects différents du problème.

Notre méthode pour les sites explique la préparation ; le guide de diffusion des images la relie aux diagnostics de performance. Ce test suit une photo jusqu’au choix réel du navigateur, sans confondre résultat et score.

Nous avons créé des copies proportionnelles dans un éditeur externe avant compression ; Bitinz ne les a pas redimensionnées. Le 2026-10-29, chaque copie a été traitée en Équilibré dans le moteur local. Dimensions, octets et empreinte identifient la variante utilisée dans le test du navigateur.

La page locale proposait les variantes avec srcset et une règle sizes cohérente. Les observations relèvent largeur de fenêtre, densité et ressource choisie. Elles mesurent le poids de l’image, pas le chargement complet ni un réseau mobile simulé. Notre politique éditoriale décrit les preuves.

Comparez ici les tailles, puis consultez le relevé de sélection lié dans les sources. Le navigateur ne peut choisir que les fichiers réellement proposés par la page.

Bitinz · 1 KB correspond à 1000 octets.

Chaque ligne utilise un nouveau contexte de navigation, cache désactivé. Le cas le plus large à haute densité a choisi la plus grande variante, car les tailles proposées présentaient un grand écart à cet endroit. Une variante intermédiaire mériterait un essai ; le navigateur ne peut choisir que des fichiers présents dans la liste.

Détail de la photo source

Détail de la photo compressée

Regardez la photo sur un petit écran et sur un écran haute densité. La plus petite variante n’est pas la meilleure si elle devient visiblement floue. À l’inverse, un grand fichier ne se justifie pas par son seul taux de compression impressionnant.

Le relevé est un instantané de l’environnement indiqué. Cache et décisions du navigateur peuvent influencer les visites suivantes. Pour reproduire l’observation, ouvrez un contexte neuf et inspectez l’image demandée au lieu de la déduire de ses dimensions visibles.

Passez les copies préparées dans le compresseur d’images, puis laissez le site ou le CMS proposer les variantes adaptées. Si le balisage dirige tous les écrans vers un grand fichier unique, la compression seule ne change pas ce choix.

Gardez sizes en accord avec la mise en page CSS. Le navigateur combine cet indice, les variantes et la densité d’écran ; le nom d’un fichier ne lui donne pas votre intention. Vérifiez la ressource sélectionnée après une modification de mise en page.

Pour un travail répété, l’API développeur peut compresser les fichiers préparés lors de la publication. Le redimensionnement reste une étape de préparation distincte. Notre guide de qualité explique comment comparer les détails avant de remplacer une image.

1. 01Mesurez l’emplacement et choisissez les largeurs proportionnelles nécessaires.
2. 02Préparez et compressez les copies en conservant l’original modifiable.
3. 03Proposez les variantes avec une règle sizes conforme à la mise en page.
4. 04Vérifiez la ressource choisie et la photo affichée sur plusieurs écrans.