Home / Image & Color / Image Info & Base64

๐Ÿ”Ž Image Info & Base64

Dimensions, format, size and dominant colour โ€” plus a Base64 data URI.

About the Image Info & Base64

Check an image's details, such as format, width and height, megapixels, aspect ratio, file size, transparency, DPI and dominant colour, and convert it to a Base64 data URI you can paste into HTML or CSS.

How to use it

  1. Drop or choose an image.
  2. Read its details.
  3. Copy the Base64 data URI or a ready-made <img> tag.

Frequently asked questions

When should I use a Base64 image?

Base64 is useful for very small images and icons embedded directly in HTML, CSS or emails. For large images a normal file is better, because Base64 is about a third bigger.

Related tools

๐Ÿ–ผ๏ธImage Editor & ConverterResize, crop, rotate, compress, apply filters and convert between JPG, PNG, WebP, AVIF, GIF.๐ŸŽจColor Picker & PalettePick a colour, convert HEX/RGB/HSL, and generate shades and harmonies.โ—Contrast CheckerCheck text/background colour contrast against WCAG AA and AAA.โ–ฆQR Code GeneratorMake QR codes for links, text, Wi-Fi, email, phone or contacts. Download PNG or SVG.