🖼️
🎨
Inline an Image in CSS
Embed a small icon or background as a data URI in your stylesheet.
Không cần đăng nhậpTệp vẫn riêng tư
Thả tệp vào đây hoặc nhấp để duyệt
PNG, JPG, WebP, GIF, SVG, AVIF, X, Image không giới hạn kích thước tệp
Tệp của bạn không bao giờ rời khỏi thiết bị. Toàn bộ xử lý diễn ra cục bộ trong trình duyệt của bạn.
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.
Cách hoạt động
1
Chọn tệp
Drop your file into the tool above. It stays entirely on your device — nothing is sent to any server.
2
Xử lý
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Tải xuống
Get your result instantly. Nothing is stored after you leave the page — complete privacy.
Tại sao chọn của chúng tôi?
✓Hoàn toàn miễn phí — không có chi phí ẩn, mãi mãi
✓Không cần tài khoản, email hoặc đăng nhập
✓Tệp không bao giờ rời khỏi thiết bị của bạn
✓Không có giới hạn kích thước tệp nào
✓Không có hình mờ trên bất kỳ đầu ra nào