Envoyez la bonne
image candidate.
Un outil privé, uniquement dans le navigateur, pour examiner les métadonnées d'une image et les questions de livraison. Il ne téléverse pas, ne conserve pas, n'optimise pas et n'inspecte pas un fichier au-delà des métadonnées et des dimensions locales.
UTILISEZ-LE POUR: À utiliser pour préparer une discussion sur le placement des images, les candidats adaptatifs, le texte alternatif accessible et les compromis de livraison.
Inspectez le point de départ.
Choisissez une image locale pour voir les métadonnées et dimensions de base rapportées par le navigateur. SIU ne téléverse, n'envoie, ne conserve, n'optimise ni ne stocke le fichier sélectionné.
SÉLECTIONNER UNE IMAGE LOCALE — Aucune image sélectionnée. Rien n'a été téléversé ni stocké.
Rien ne sort d'ici.
Une image sélectionnée affichera son nom, le type MIME rapporté par le navigateur, la taille en octets, la date de dernière modification et les dimensions décodables locales.
Aucune prévisualisation n'est générée. Sélectionnez une image uniquement si les métadonnées locales sont utiles à votre examen.
Effectuez l'étape suivante connue.
- Sélectionnez une image locale. Le navigateur lit son nom, son type MIME, sa taille en octets, l'horodatage de dernière modification et, si décodable, ses dimensions en pixels, uniquement en mémoire.
- Reliez les dimensions à la largeur de rendu prévue et à la densité de l'appareil ; décidez ensuite si la page nécessite plusieurs candidats d'image ou une direction artistique.
- Examinez le contexte du balisage : texte alternatif significatif, dimensions déclarées lorsque cela est approprié, sélection de sources responsives et priorité de chargement sont des décisions distinctes.
- Conservez l'actif source original conformément au processus d'actifs et de licences établi par l'équipe. Cette page ne crée aucun fichier dérivé.
Inspectez la page rendue aux points de rupture prévus avec le navigateur et les outils de performance approuvés par l'équipe.
Confirmez le texte alternatif de l'image et le balisage responsive effectif lors de la revue de code.
Mesurez la livraison dans l'environnement réel avant d'affirmer une amélioration.
Notes de source, pas une certitude empruntée.
Base de planification : recommandations web.dev sur les images responsives et documentation MDN File API
- web.dev — Responsive images ↗web.dev explique que les octets d'image peuvent être importants et décrit les candidats adaptatifs, srcset, sizes et picture pour les cas d'usage appropriés.
- MDN — Using files from web applications ↗MDN documente les objets File sélectionnés par l'utilisateur et les métadonnées locales disponibles : nom, type et taille.
Rédaction : Brouillon éditorial SIU Enablement ; guide opérationnel limité à la source. Révisé par : Les responsables design, accessibilité, performance et droits examinent les images dans leur contexte de diffusion. Revalider : Revalider lorsque le placement, les règles responsive, la source d'actif ou le fournisseur de livraison changent.