Ảnh sang Base64
Chuyển bất kỳ ảnh nào thành Base64 data URI để dùng inline trong HTML, CSS hoặc Markdown. File ở lại trong trình duyệt của bạn.
No image yet.
Nhập dữ liệu ở trên để xem kết quả.
Tạo bởi JXXR1 · ♥ Tài trợ · ☕ Mời tôi một ly cà phê
Công cụ này để làm gì?
Một data URI nhúng dữ liệu nhị phân trực tiếp vào CSS, HTML hoặc Markdown dưới dạng chuỗi base64. background-image: url('data:image/png;base64,iVBORw...') tải ảnh mà không cần fetch HTTP riêng. Hữu ích cho icon nhỏ trong CSS, ảnh inline trong email, hoặc ảnh thumbnail trong PDF được tạo. Tool này chuyển bất kỳ file ảnh nào thành một data URI sẵn sàng để paste.
Khi nào nên dùng
- Inline một icon nhỏ vào CSS để giảm số request HTTP.
- Nhúng một ảnh vào email HTML (mặc dù nhiều client email không bật cái này theo mặc định).
- Thử nhanh ảnh trong một CodeSandbox mà không upload nó.
Lưu ý thường gặp
- Base64 thêm khoảng 33% kích thước. Một ảnh 10 KB trở thành ~13.4 KB chuỗi. Đối với ảnh nhỏ (< 1 KB), tiết kiệm fetch worth it; đối với ảnh lớn hơn, dùng URL riêng và để trình duyệt cache.
- Hỗ trợ email client thay đổi. Một số client (Outlook 2007–2013) không hỗ trợ data URI inline.
- Đừng quá lớn. Một số trình duyệt và database có giới hạn về kích thước chuỗi data URI.