Inline an Image in CSS

Embed a small icon or background as a data URI in your stylesheet.

Nessun accesso richiestoI file rimangono privati

Trascina i file qui o clicca per sfogliare

PNG, JPG, WebP, GIF, SVG, AVIF, X, Image nessun limite di dimensione file

Sfoglia file

I tuoi file non lasciano mai il tuo dispositivo. Tutta l'elaborazione avviene localmente nel browser.

Convert an image to a Base64 data URI you can paste directly into CSS, HTML, or Markdown — no separate file needed. Encoded in your browser; never uploaded.

CSS tips

🎨

The CSS snippet gives you a ready background-image: url(...) with the data URI inlined.

⚡

Inlining a small icon removes an HTTP request, which can speed up first paint.

📏

Keep it to small images — Base64 is ~33% larger, so big images bloat your CSS.

🔒

Encoded in your browser — never uploaded.

Come funziona

Scegli file

Drop your file into the tool above. It stays entirely on your device — nothing is sent to any server.

Elabora

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

Scarica

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Perché il nostro?

✓Completamente gratuito — nessun costo nascosto, mai

✓Nessun account, email o accesso richiesto

✓I file non lasciano mai il tuo dispositivo

✓Assolutamente nessun limite di dimensione file

✓Nessuna filigrana su nessun output

Also check out…

📧

Embed an Image in HTML

Inline a logo or icon directly in self-contained H

🔣

Convert an SVG or Icon to Base64

Turn a small icon into a data URI for inlining.

📝

Embed an Image in Markdown

Inline a small image in a Markdown file with a dat

🔗

Get an Image Data URI

Produce a raw data: URI you can use anywhere.

Domande frequenti

Back to Image to Base64