PNG Metadata Viewer

What is PNG Metadata? A Complete Guide

PNG (Portable Network Graphics) files are far more than just pixel data. They are built upon a flexible chunk‑based architecture that allows embedding a rich variety of metadata directly inside the image file. This metadata can include everything from basic image dimensions and color profiles to camera settings, GPS coordinates, copyright notices, and even custom textual annotations added by image editing software. Understanding this hidden information is essential for photographers, developers, forensic analysts, and anyone who handles digital images professionally.

The PNG specification defines several standard chunk types, each identified by a four‑character ASCII code. The IHDR (Image Header) chunk is mandatory and stores the image’s width, height, bit depth, and color type. The IDAT chunks contain the actual compressed image data. IEND marks the end of the file. Beyond these, there are optional “ancillary” chunks that carry metadata. The most common ones include eXIf for Exif data, tEXt for uncompressed text, zTXt for compressed text, and iTXt for international text that supports UTF‑8 and language tags.

Because PNG is a lossless format favored by designers and archivists, it often retains metadata that JPEG files might strip away. This makes PNG metadata viewers incredibly valuable for inspecting the provenance and characteristics of an image.

Why View PNG Metadata? Real‑World Use Cases

Metadata viewing isn’t just for curiosity—it serves practical purposes across many industries:

• Photography & Image Forensics: Exif data reveals the camera model, lens, focal length, exposure settings, and even the serial number of the device. This can help verify the authenticity of an image or trace its origin. Timestamps and GPS coordinates embedded in PNG files (often carried over from a raw photo) are crucial for geolocation analysis.
• Web Development & Performance: Text chunks sometimes store software metadata (e.g., “Created with Adobe Photoshop”) or compression hints. Developers can inspect these to optimize image delivery or debug unexpected file sizes.
• Graphic Design & Collaboration: Design tools like GIMP, Photoshop, and Figma often insert custom text annotations (keywords, descriptions, copyright) into PNG files. Viewing these chunks helps teams track asset versions and licensing information without opening heavy editing software.
• Security & Malware Analysis: Although rare, attackers have attempted to hide malicious scripts inside PNG metadata. A thorough chunk‑by‑chunk review can uncover suspicious or oversized ancillary chunks that don’t conform to the standard.
• Archival & Digital Preservation: Archivists rely on embedded metadata to catalogue and preserve digital heritage. Standards like XMP (often stored in iTXt chunks) provide machine‑readable descriptions that ensure long‑term accessibility.

How the PNG Metadata Viewer Works

The tool processes your PNG file entirely in your browser using JavaScript’s ArrayBuffer and TypedArrays. Here’s the step‑by‑step process:

1. File Reading: When you drop a PNG, the FileReader API reads it as an ArrayBuffer. The tool immediately checks the first eight bytes against the PNG signature (89 50 4E 47 0D 0A 1A 0A).
2. Chunk Parsing: The parser walks through the binary structure, decoding each chunk’s length, type, data, and CRC. It stops when it encounters the IEND chunk. All chunks are stored in an array for analysis.
3. IHDR Decoding: The IHDR data is parsed to extract width, height, bit depth, and color type. The color type number is converted into a human‑readable string (e.g., “RGBA”).
4. EXIF Extraction: The eXIf chunk (if present) is handed to the exifr library, which returns a dictionary of EXIF tags. We display all non‑undefined values in a dynamic table.
5. Text Chunk Decompression: For zTXt chunks, we use pako (a port of zlib) to decompress the data before displaying the keyword and text. iTXt chunks are parsed to extract the language tag, translated keyword, and optionally decompressed text.
6. Full Chunk Listing: Every chunk including IDAT and other ancillary ones is listed in a table with its type, size in bytes, and a brief description.

The entire process takes milliseconds even for large files, and nothing is ever sent to a server. This design guarantees absolute privacy while offering the same functionality as desktop forensic tools.