🖼️ Image File Reader

Upload Image File

Supported: JPG, JPEG, PNG, GIF, SVG, AGIF

📤 Please upload file to see Text of file.

❓ How to Use Text View

  • View the file content as plain text - perfect for SVG, JSON, or text-based formats
  • For SVG files: Click ✏️ Edit to modify the code directly in the browser
  • Click 📋 Copy to copy the text content to your clipboard
  • For SVG: After editing, click 💾 Download to save your changes
  • Use this view to inspect file structure, metadata, or edit SVG graphics

📤 Please upload file to see Hexdecimal of file.

❓ How to Use Hexadecimal View

  • View file bytes in hexadecimal (base-16) format - each byte shown as two hex digits (00-FF)
  • Useful for inspecting file headers, magic bytes, and binary structure
  • First bytes often reveal file type: PNG starts with 89 50 4E 47, JPEG with FF D8 FF
  • Click 📋 Copy to copy the hex dump for analysis in other tools
  • Great for debugging corrupted files or understanding binary formats

📤 Please upload file to see string of file.

❓ How to Use Strings View

  • Extracts all readable text strings (4+ characters) from the binary file
  • Reveals hidden metadata: EXIF tags, GPS coordinates, camera settings, software names
  • Find embedded comments, copyright notices, or hidden messages
  • Click 📋 Copy to copy extracted strings for further analysis
  • Useful for privacy checks - see what information is embedded in your images

📤 Please upload file to see raw bytes of file.

❓ How to Use Raw Bytes View

  • Shows the first 500 bytes of the file in a readable format
  • Printable ASCII characters (letters, numbers, symbols) display as-is
  • Non-printable bytes (control characters, binary data) shown as [XX] in hex
  • Quick way to inspect file headers and initial structure
  • Click 📋 Copy to copy the raw byte representation

🔢 Base64 Encoder/Decoder

Convert images to/from Base64. Useful for embedding in CSS/HTML or inspecting encoded data.

📤 Please upload file to see 64base decode/encode of file.

❓ How to Use Base64 Encoder/Decoder

  • Encode: Upload an image, then click 📤 Encode to Base64 to convert it to Base64 text
  • Decode: Paste a Base64 string in the textarea and click 📥 Decode from Base64
  • Base64 encoding converts binary data to text - useful for embedding images in HTML/CSS
  • Copy the Data URI to use directly in <img src="data:..."> or CSS background-image
  • Decode Base64 strings to inspect their contents or convert back to files

📤 Please upload file to see Color Palette of file.

❓ How to Use Color Palette Extractor

  • Upload an image file (JPG, PNG, GIF) to extract its dominant colors
  • Click 🎨 Extract Colors to analyze the image and find top colors
  • Colors are displayed as clickable swatches showing HEX and RGB values
  • Click any color swatch to copy its HEX code to your clipboard
  • Perfect for designers: grab color schemes from images for your projects

📤 Please upload file to see Image Sanitizer of file.

❓ How to Use Image Sanitizer

  • Upload a JPEG or PNG image to remove embedded metadata
  • Click 🧽 Sanitize & Show Download Link to process the image
  • Strips EXIF data, GPS coordinates, camera settings, and other metadata
  • Protects your privacy by removing location and device information before sharing
  • Click 💾 Download Clean Image to save the sanitized version
  • The cleaned image is re-encoded, removing all metadata while preserving image quality

🔍 Compare Two Images

Upload two images to see a visual before/after slider and a binary hex diff.

Image A (Before)
Image B (After)

❓ How to Use Compare

  • Upload two images (Image A and Image B) to compare them side-by-side
  • Visual Compare: Use the slider to reveal Image B over Image A - perfect for before/after comparisons
  • Binary Hex Diff: See exactly which bytes differ between the two files
  • Different bytes are highlighted in red - useful for finding metadata changes or compression differences
  • Great for debugging: compare original vs optimized images, or check what changed after editing
  • File sizes and difference counts are shown to help identify how similar the files are

❓ How to Use

  • Upload an image in the top card (JPG, PNG, GIF, SVG).
  • Choose a view mode (or keep All Formats to see everything).
  • Scroll down to explore: colors, Base64, SVG optimizer, sanitizer, and the raw views.
  • Use the navigation bar to switch to the Compare page for two‑image diffs.

ℹ️ What is File Viewer?

File Viewer is a browser‑based inspection tool for image files. It focuses on transparency: showing you exactly what's inside your files, from pixels and colors down to bytes and metadata.

It's designed to be safe for shared hosting: no long‑term storage, no databases, just on‑the‑fly analysis and optional downloads of cleaned/optimized versions.

🎯 Who Is This For?

  • Designers – grab color palettes and clean SVGs.
  • Front‑end developers – inspect headers, Base64, and data URIs.
  • Security / privacy minded users – strip EXIF/GPS before sharing photos.
  • Curious learners – see how image formats look under the hood.