Does this upload my image?

No. The file is decoded in the browser through URL.createObjectURL and the Image element's naturalWidth/naturalHeight; nothing leaves the device and the tool keeps working offline.

Why is the data-URL size larger than the file size?

Base64 encoding expands binary bytes by roughly 33%, so an inlined data URL is always larger than the original file. Showing both side by side makes the real overhead of inlining visible before committing to it.

Why is the aspect ratio sometimes a decimal?

Most images reduce to small ratios like 16:9 or 4:3, but unusual dimensions such as 137 × 77 do not simplify cleanly and are shown as a rounded decimal instead of the meaningless pair "137:77".

One megapixel equals one million pixels, calculated as width × height. It is the standard measure of image resolution — a 1920 × 1080 image is about 2.07 megapixels.

Image Info

Inspect an image's dimensions, aspect ratio, file type, file size, and data-URL size — entirely in your browser.

Drag an image here, or click to choose a file

PNG, JPEG, GIF, WebP, SVG, BMP

What is Image Info?

Every image file carries metadata that describes how it will render: its pixel dimensions (width × height), its MIME type (PNG, JPEG, WebP, and so on), its size in bytes, and the aspect ratio between width and height. Knowing these values upfront matters when preparing assets for the web — banner slots demand exact widths, favicons need square sources, and a 4K photo usually has to be resized before it bloats a page. This tool reads that metadata straight from the chosen file in the browser: pixel dimensions come from the image's naturalWidth and naturalHeight once it has decoded, the file type and size come straight from the File object, the aspect ratio is reduced to its simplest whole numbers through a greatest-common-divisor pass, and the data-URL size shows how large the image would be if inlined as Base64.

How to Use Image Info

Drag an image onto the drop zone, or click it to pick one from your device.
The tool decodes the image in the browser and reads its intrinsic pixel dimensions.
Review dimensions, aspect ratio, file type, file size, megapixels, and data-URL size in the panel.
Click "Choose another image" to inspect a different file.

Examples

Full HD photo

Input: 1920 × 1080 JPEG, 350 KB

Output: Aspect 16:9 · 2.07 MP · data-URL ≈ 467 KB

Square icon

Input: 512 × 512 PNG, 24 KB

Output: Aspect 1:1 · 0.26 MP · data-URL ≈ 32 KB

Common Mistakes

Confusing pixel dimensions with print DPI or PPI — this tool reports the stored pixel grid only, not physical print resolution.
Assuming file size reflects image quality — a heavily compressed JPEG and a lightly compressed PNG can share identical dimensions yet differ greatly in bytes.
Forgetting that SVGs without explicit width and height have no intrinsic pixel dimensions and may report as 0 × 0.
Comparing the data-URL size to the file size without accounting for the 33% Base64 overhead when deciding whether to inline an image.

Why Use This Tool

Reads metadata fully client-side with no upload and no server round-trip.
Reports six values at once: dimensions, aspect ratio, file type, file size, megapixels, and data-URL size.
Reduces awkward dimensions to a recognizable aspect ratio (16:9, 4:3, 1:1) via GCD simplification.
Drag-and-drop or click-to-pick, with an instant visual preview alongside the numbers.