PNG Dimensions Finder

Decodes an uploaded PNG in your browser and reports its pixel width and height, simplified aspect ratio, landscape/portrait/square orientation, and megapixel count, with no upload to any server. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26

Overview

Introduction

This tool answers a simple but common question: exactly how big is this PNG, in pixels, and what shape is it?

It decodes the image locally in your browser and reports precise measurements without ever uploading the file anywhere.

What Is PNG Dimensions Finder?

A PNG analyzer that decodes an uploaded image via the canvas API and reads its true pixel width and height directly from the decoded bitmap.

From those two numbers it derives a simplified aspect ratio, an orientation label, and a megapixel count.

How PNG Dimensions Finder Works

The uploaded file is decoded with createImageBitmap and drawn onto an off-screen canvas sized to match; the canvas's own width and height properties then give the exact pixel dimensions.

A pure lib function takes those two numbers and computes the greatest common divisor (for the simplified ratio), compares them (for orientation), and multiplies them (for megapixels).

When To Use PNG Dimensions Finder

Use it before uploading an image to a service with size requirements, to confirm it meets a minimum or maximum resolution.

It's also useful for quickly checking whether a batch of images share the same aspect ratio, or for spec'ing out crop/resize dimensions.

Features

Advantages

  • Reads the image's real decoded pixel size, not just a metadata field that could be inaccurate or missing.
  • Runs entirely client-side, so the file never leaves your device.
  • Reports several derived figures (ratio, orientation, megapixels) from one upload.

Limitations

  • Doesn't report other PNG metadata like bit depth, color type, or embedded text chunks — just pixel dimensions and figures derived from them.
  • Very large images (near the 4096px cap other PNG tools in this category share) may take a moment to decode.

Examples

Full HD photo

Input

A 1920x1080 PNG

Output

Width: 1920px, Height: 1080px, Aspect ratio: 16:9, Orientation: landscape, Megapixels: 2.07 MP

1920x1080 simplifies to the well-known 16:9 widescreen ratio.

Square icon

Input

A 512x512 PNG

Output

Aspect ratio: 1:1, Orientation: square, Megapixels: 0.26 MP

Equal width and height always simplify to a 1:1 ratio.

Best Practices & Notes

Best Practices

  • Check dimensions before running a batch resize or crop operation to confirm your starting point.
  • Use the aspect ratio output to quickly spot images that don't match a required ratio (e.g. not 16:9 or not square).

Developer Notes

The dimension math (GCD-based ratio simplification, orientation comparison, megapixel calculation) lives in a pure function taking two plain numbers, so it's fully unit-tested without any canvas or DOM dependency; only decoding the uploaded file into those two numbers happens in the browser-only component.

PNG Dimensions Finder Use Cases

  • Verifying an image meets a platform's minimum resolution requirement before upload
  • Confirming a batch of images share a consistent aspect ratio
  • Quickly checking megapixel count without opening an image editor

Common Mistakes

  • Assuming a file's dimensions from its filename or expected size — always verify against the actual decoded pixels.
  • Confusing megapixels with file size in bytes; they're unrelated (a highly compressed image can have a high megapixel count but a small file size, or vice versa).

Tips

  • If you need to change the dimensions, note the current aspect ratio here first so you can preserve it with a resize tool.
  • Square (1:1) and landscape 16:9 are the two most common requirements for profile photos and banner images, respectively — this tool tells you at a glance which one you have.

References

Frequently Asked Questions