Infos image

Qu’est-ce qu’un inspecteur d’informations d’image ?#

Déposez une image sur cette page et elle vous indique tout ce que le navigateur peut déterminer sur le fichier sans l’envoyer nulle part : le nom du fichier, le type de média IANA, la taille en octets, les dimensions en pixels, le ratio d’aspect (sous forme de fraction réduite et de décimale), le total de mégapixels et l’horodatage de dernière modification. C’est la vérification rapide « qu’est-ce que ce fichier exactement ? » dont vous avez besoin avant un téléversement, une intégration ou le débogage d’une mise en page cassée parce qu’une image n’a pas la bonne forme.

Deux choses méritent explication dans cet outil. Premièrement, les tailles sont indiquées en unités binaires IEC (Kio, Mio) sur une base 1024, et non en unités SI décimales (Ko, Mo) sur une base 1000 — la même convention utilisée dans toute cette suite d’outils, et celle qu’emploient réellement le stockage et la mémoire. Deuxièmement, le ratio d’aspect est réduit à sa plus petite forme entière par un passage au plus grand commun diviseur, donc 1920×1080 affiche 16:9 plutôt que 1920:1080, et la décimale 1.78 est donnée à côté pour un usage en CSS aspect-ratio.

Les dimensions proviennent des naturalWidth et naturalHeight de l’image — la taille réelle en pixels du bitmap décodé, pas la taille d’affichage CSS — si bien qu’une vignette étirée à 100 % de largeur continue d’afficher sa résolution source réelle.

Comment l’utiliser#

1. Déposez une image sur la zone en pointillés (ou cliquez dessus pour ouvrir le sélecteur de fichier).
2. Lisez les résultats dans le tableau :
   • Nom du fichier — le nom du fichier d’origine.
   • Type de média — le type MIME détecté, par exemple image/png.
   • Taille du fichier — octets plus une étiquette IEC lisible, par exemple 2.4 MiB.
   • Dimensions — LxH en pixels réels.
   • Ratio d’aspect — ratio réduit et décimale.
   • Mégapixels — nombre total de pixels, en millions.
   • Dernière modification — l’horodatage stocké du fichier.

Il n’y a pas d’étape de téléversement ni de bouton « envoyer » : dès que le fichier est déposé, la page le décode en mémoire et remplit le tableau. Déposez un autre fichier pour l’inspecter à la place.

Caractéristiques principales#

• Dimensions source réelles. Lit naturalWidth/naturalHeight, donc la mise à l’échelle CSS ne peut pas le tromper.
• Ratios d’aspect réduits. Un passage au PGCD ramène 3840×2160 à 16:9, 4032×3024 à 4:3 — la forme que vous utilisez réellement en CSS et dans les outils de design.
• Unités d’octets IEC. Étiquetage cohérent en KiB/MiB ; les fichiers plus petits que 1 Kio sont affichés en octets simples.
• Total de mégapixels. Utile pour comparer la résolution d’un capteur et estimer l’empreinte mémoire.
• Rien ne quitte la page. L’image est lue avec les API File et Image du navigateur ; aucune requête réseau, aucun stockage serveur.

Exemple commenté#

Déposez une photo de téléphone nommée IMG_2026.jpg. Le tableau indique :

Cette seule lecture vous apprend que la photo est un JPEG 12 MP en 4:3 pesant un peu moins de 4 Mio — exactement ce qu’il vous faut pour décider de la compresser avant de la joindre à un e-mail, et pour régler aspect-ratio: 4 / 3 sur son conteneur afin que la mise en page ne saute pas au chargement.

Une capture d’écran 1920×1080, en revanche, affiche 16:9, 2.07 MP ; une icône 512×512 affiche 1:1, 0.26 MP.

FAQ#

Pourquoi Kio et pas Ko ?#

Les unités binaires IEC (1 Kio = 1024 octets) correspondent à la façon dont la mémoire et le stockage sont réellement adressés ; les unités SI décimales (1 Ko = 1000 octets) sont celles que les fabricants de disques utilisent pour le marketing. Cette suite emploie les unités IEC partout pour éviter l’écart persistant de 7 % entre les deux.

Le ratio d’aspect ne correspond pas aux habituels 16:9 ou 4:3 — pourquoi ?#

Parce que l’image n’a véritablement pas un ratio standard. L’outil réduit aux vrais termes minimaux : 1600×900 donne 16:9, mais 1600×899 donne 1600:899 puisque 899 est premier. Un ratio légèrement décalé signifie généralement que la source a été recadrée ou rééchantillonnée à une taille inhabituelle.

Lit-il les métadonnées EXIF ?#

Non — c’est un autre domaine. Utilisez l’outil EXIF pour la marque et le modèle de l’appareil, le GPS, l’exposition et les autres métadonnées intégrées. Cette page ne signale que les faits au niveau du fichier et du pixel.

Peut-il inspecter une image sans fichier ?#

Si vous disposez d’une URL de données ou de base64 collé, convertissez-la d’abord en fichier avec l’outil Base64, puis déposez-la ici.