Chuyển ảnh sang Base64
Mã hóa bất kỳ ảnh nào thành data URI Base64 và sao chép dưới dạng HTML, CSS hoặc JSON sẵn sàng dán — file không bao giờ rời khỏi máy của bạn.
Cách mã hóa ảnh sang Base64
- Thêm ảnh của bạnThả vào khung trên, chọn từ thiết bị, hoặc dán từ bộ nhớ tạm.
- Chọn dạng đoạn mãData URI thô, thẻ HTML <code><img></code> hoàn chỉnh, hoặc quy tắc CSS <code>background-image</code> — tùy những gì bạn cần dán.
- Sao chépMột cú nhấp sao chép toàn bộ đoạn mã vào bộ nhớ tạm, sẵn sàng dán vào code của bạn.
Mã hóa Base64 dùng để làm gì?
Data URI Base64 nhúng thẳng ảnh vào trong văn bản — HTML, CSS, JSON hoặc thậm chí một trường cơ sở dữ liệu — nên trình duyệt không cần thêm yêu cầu riêng để tải ảnh. Hoàn hảo cho tài nguyên nhỏ: logo, icon, huy hiệu, ảnh chèn, hoặc ảnh trong tài liệu một file và email HTML.
Đổi lại: Base64 lớn hơn khoảng 33% so với file nhị phân, và ảnh nhúng không được trình duyệt cache riêng. Nguyên tắc thực hành: nhúng ảnh dưới ~10 KB và dẫn link phần còn lại thành file bình thường. Dùng máy nén ảnh trước để giảm kích thước khi mã hóa.
Câu hỏi thường gặp
Data URI trông như thế nào?
Nó bắt đầu bằng kiểu MIME, rồi ;base64,, rồi dữ liệu đã mã hóa — ví dụ data:image/png;base64,iVBORw0KGgo…. Ở bất kỳ đâu chấp nhận URL (src của ảnh, url() trong CSS, fetch), data URI đều dùng được.
Base64 lớn hơn file gốc bao nhiêu?
Khoảng 33% lớn hơn, vì cứ 3 byte thành 4 ký tự. Công cụ hiển thị đúng kích thước sau mã hóa cạnh kích thước gốc nên không có gì bất ngờ.
Base64 có chạy trong email HTML không?
Hỗ trợ còn lộn xộn — một số trình khách (nổi bật là Outlook bản desktop) loại bỏ hoặc chặn data URI. Với email tin tức, ảnh được lưu trữ trên hosting vẫn là lựa chọn đáng tin cậy.
Ảnh của tôi có được tải lên đâu không?
Không. Việc mã hóa diễn ra cục bộ trong trình duyệt của bạn bằng File API. Không có gì được truyền đi bất cứ đâu.