🖼️
🎨
Inline an Image in CSS
Embed a small icon or background as a data URI in your stylesheet.
Níl gá le logáil isteachFanann comhaid príobháideach
Buail comhaid anseo, nó cliceáil chun brabhsáil
PNG, JPG, WebP, GIF, SVG, AVIF, X, Image gan teorainn méid comhaid
Ní fhágann do chomhaid do ghléas riamh. Tarlaíonn gach próiseáil go háitiúil i do bhrabhsálaí.
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.
Conas a Oibríonn sé
1
Roghnaigh Comhad
Drop your file into the tool above. It stays entirely on your device — nothing is sent to any server.
2
Próiseas
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Íosluchtaigh
Get your result instantly. Nothing is stored after you leave the page — complete privacy.
Cén fáth ár gceann a úsáid?
✓Go hiomlán saor in aisce - gan aon chostais i bhfolach, riamh
✓Níl cuntas, ríomhphost ná logáil isteach ag teastáil
✓Ní fhágann comhaid do ghléas riamh
✓Níl aon teorainn le méid comhaid ar bith
✓Gan comhartha uisce ar aon aschur