Bildinformation

Was ist ein Bildinformations-Inspektor?#

Legen Sie ein Bild auf dieser Seite ab und sie zeigt Ihnen alles, was der Browser über die Datei ermitteln kann, ohne sie irgendwohin zu senden: den Dateinamen, den IANA-Medientyp, die Bytegröße, die Pixelabmessungen, das Seitenverhältnis (sowohl als gekürzter Bruch als auch als Dezimalzahl), die Gesamtmegapixel und den Zeitstempel der letzten Änderung. Es ist die schnelle „Was genau ist das für eine Datei?“-Prüfung, die Sie vor dem Hochladen, Einbetten oder dem Debuggen eines Layouts erreichen, das kaputt ist, weil ein Bild die falschen Proportionen hat.

Zwei Dinge an diesem Werkzeug erklären sich. Erstens: Größen werden in IEC-Binäreinheiten (KiB, MiB) zur Basis 1024 angegeben, nicht in dezimalen SI-Einheiten (KB, MB) zur Basis 1000 — dieselbe Konvention, die in der gesamten Werkzeugsammlung verwendet wird und die tatsächlich für Speicher und Arbeitsspeicher gilt. Zweitens: Das Seitenverhältnis wird über einen ggT-Durchgang auf seine kleinste ganzzahlige Form gekürzt, sodass 1920×1080 16:9 anstatt 1920:1080 meldet, und der Dezimalwert 1.78 wird zusätzlich für die CSS-Eigenschaft aspect-ratio angegeben.

Die Abmessungen stammen aus den naturalWidth- und naturalHeight-Eigenschaften des Bildes — die tatsächliche Pixelgröße der dekodierten Bitmap, nicht die CSS-Anzeigegröße —, sodass ein auf 100 % Breite gestrecktes Thumbnail weiterhin seine echte Quellauflösung meldet.

Verwendung#

1. Legen Sie ein Bild auf die gestrichelte Zone (oder klicken Sie sie an, um die Dateiauswahl zu öffnen).
2. Lesen Sie die Ergebnisse in der Tabelle:
   • Dateiname — der ursprüngliche Dateiname.
   • Medientyp — der erkannte MIME-Typ, zum Beispiel image/png.
   • Dateigröße — Bytes plus ein lesbares IEC-Label, zum Beispiel 2.4 MiB.
   • Abmessungen — BxH in tatsächlichen Pixeln.
   • Seitenverhältnis — gekürzter Bruch und Dezimalwert.
   • Megapixel — Gesamtzahl der Pixel in Millionen.
   • Zuletzt geändert — der gespeicherte Datei-Zeitstempel.

Es gibt keinen Upload-Schritt und keine „Absenden“-Schaltfläche — sobald die Datei abgelegt wurde, dekodiert die Seite sie im Arbeitsspeicher und füllt die Tabelle. Legen Sie eine andere Datei ab, um diese zu inspizieren.

Hauptfunktionen#

• Echte Quellabmessungen. Liest naturalWidth/naturalHeight, sodass CSS-Skalierung das Werkzeug nicht täuschen kann.
• Gekürzte Seitenverhältnisse. Ein ggT-Durchgang reduziert 3840×2160 auf 16:9, 4032×3024 auf 4:3 — die Form, die Sie in CSS und Design-Tools tatsächlich verwenden.
• IEC-Byte-Einheiten. Konsistente KiB/MiB-Beschriftung; Dateien unter 1 KiB werden in reinen Bytes angegeben.
• Megapixel-Gesamtwert. Nützlich zum Vergleichen von Sensorauflösungen und zum Abschätzen des Speicherbedarfs.
• Nichts verlässt die Seite. Das Bild wird mit den browserinternen File- und Image-APIs gelesen; keine Netzwerkanfrage, keine Server-Speicherung.

Ausführliches Beispiel#

Legen Sie ein Handy-Foto namens IMG_2026.jpg ab. Die Tabelle zeigt:

Dieser eine Lesevorgang sagt Ihnen, dass das Foto ein 12-MP-4:3-JPEG mit knapp unter 4 MiB ist — genau das, was Sie wissen müssen, um zu entscheiden, ob Sie es vor dem E-Mail-Anhang komprimieren, und um aspect-ratio: 4 / 3 auf seinen Container zu setzen, damit das Layout beim Laden nicht springt.

Ein 1920×1080-Screenshot hingegen meldet 16:9, 2.07 MP; ein 512×512-Icon meldet 1:1, 0.26 MP.

FAQ#

Warum KiB und nicht KB?#

IEC-Binäreinheiten (KiB = 1024 Bytes) entsprechen, wie Speicher und Speicherplatz tatsächlich adressiert werden; dezimale SI-Einheiten (KB = 1000 Bytes) sind, was Laufwerkshersteller zu Marketingzwecken verwenden. Diese Sammlung verwendet überall IEC, um die anhaltende 7 %-Abweichung zwischen beiden zu vermeiden.

Das Seitenverhältnis passt nicht zu den gängigen 16:9 oder 4:3 — warum?#

Weil das Bild tatsächlich kein Standardverhältnis hat. Das Werkzeug kürzt auf die echten kleinsten Werte: 1600×900 ist 16:9, aber 1600×899 ist 1600:899, da 899 eine Primzahl ist. Ein leicht abweichendes Verhältnis bedeutet meistens, dass die Quelle auf eine ungewöhnliche Größe zugeschnitten oder neu abgetastet wurde.

Liest es EXIF-Metadaten?#

Nein — das ist eine andere Aufgabe. Verwenden Sie das EXIF-Werkzeug für Kameramarke und -modell, GPS, Belichtung und andere eingebettete Metadaten. Diese Seite zeigt nur die Datei- und Pixelfakten.

Kann es ein Bild ohne Datei inspizieren?#

Wenn Sie eine Data URL oder eingefügtes Base64 haben, wandeln Sie es zuerst mit dem Base64-Werkzeug in eine Datei um und legen Sie es dann hier ab.