Code Flick TechnologiesToolscodeftech.com

Image → Data URI

Encode any image (JPG/PNG/WebP/GIF/SVG) into a data URI you can drop into HTML or CSS. Browser-only.

100% in your browser. Files never uploaded.

How to use

  1. 1
    Drop your image
    JPG, PNG, WebP, GIF, or SVG. Max 5 MB.
  2. 2
    Pick a snippet
    Raw data URI, HTML <img> tag, or CSS background-image rule.
  3. 3
    Copy
    One click each. The full URI is copied even though only a preview is shown.

FAQ

Why a 5 MB cap?
Data URIs are roughly 33% larger than the original. Anything bigger turns into a multi-megabyte string that bloats HTML and CSS.

Related tools