Nhúng ảnh trực tiếp vào code
Đôi khi bạn cần dùng ảnh mà không cần file riêng biệt: một icon trong stylesheet, logo trong báo cáo HTML đơn, ảnh giữ chỗ (placeholder) trong phản hồi JSON API, ảnh trong tài liệu Markdown hay ảnh nền trong thư viện component. Công cụ này sẽ mã hóa mọi hình ảnh sang Base64 và định dạng sẵn để bạn dán — dưới dạng data URI, Base64 thuần túy, background-image CSS, thẻ <img> HTML hoặc cú pháp ảnh Markdown.
Tính năng
- Mọi định dạng ảnh phổ biến: PNG, JPG, GIF, WebP, AVIF, SVG, ICO và nhiều định dạng khác.
- Năm định dạng đầu ra cho các mục đích sử dụng khác nhau.
- So sánh kích thước giữa file gốc và đoạn văn bản đã mã hóa.
- Xem trước ảnh với nền caro cho ảnh trong suốt.
- Sao chép bằng một click.
- Riêng tư: file không bao giờ rời khỏi trình duyệt của bạn.
Ví dụ đầu ra
| Định dạng | Hiển thị |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| Base64 | iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt="logo"> |
| Markdown |  |
Tối ưu dung lượng ảnh nhúng
Ảnh nhúng không thể được lưu cache độc lập và sẽ bị tải lại mỗi khi trang web hoặc stylesheet chứa chúng được tải. Theo nguyên tắc chung, chỉ nên nhúng các ảnh có dung lượng nhỏ hơn vài kilobyte. Hãy nén ảnh trước bằng công cụ Nén ảnh, chuyển đổi icon vector bằng SVG sang PNG nếu cần định dạng bitmap, hoặc mã hóa các file và văn bản khác bằng công cụ mã hóa Base64.