🖼️
🎨
Inline an Image in CSS
Embed a small icon or background as a data URI in your stylesheet.
Není nutné přihlášeníSoubory zůstávají soukromé
Přetáhněte soubory sem nebo klikněte pro procházení
PNG, JPG, WebP, GIF, SVG, AVIF, X, Image žádné omezení velikosti souboru
Vaše soubory nikdy neopustí vaše zařízení. Veškeré zpracování probíhá lokálně ve vašem prohlížeči.
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.
Jak to funguje
1
Vybrat soubor
Drop your file into the tool above. It stays entirely on your device — nothing is sent to any server.
2
Zpracujte
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Stáhněte
Get your result instantly. Nothing is stored after you leave the page — complete privacy.
Proč používat náš?
✓Zcela zdarma — nikdy žádné skryté náklady
✓Není potřeba účet, e-mail ani přihlášení
✓Soubory nikdy neopustí vaše zařízení
✓Absolutně žádná omezení velikosti souborů
✓Žádné vodoznaky na žádném výstupu