Image to Base64
Image to Base64 — chạy trên trình duyệt. Không lưu dữ liệu.
Ảnh → Base64
Nhập giá trị, rồi nhấn Tính.
Xem trước
Tệp chỉ được đọc trong trình duyệt và không tải lên máy chủ.
Cách sử dụng
- Trong tệp ảnh, chọn tệp cục bộ. Chỉ nhận
image/*. - Vừa chọn, FileReader tạo data URL và điền xem trước cùng ô chữ.
- Dòng thông tin hiện tên tệp và dung lượng Base64 ước tính (KB).
- Sao chép đưa cả data URL vào clipboard. Dán vào HTML
img src, CSS, Markdown. - Đặt lại xóa chọn tệp và chuỗi. Tệp chọn chỉ đọc trong bộ nhớ thẻ này.
- Trước khi nhúng, xem KB ước tính. Gốc lớn thì đổi kích thước trước. Tệp chọn không tải lên.
Khái niệm chính
Ảnh → Base64 đổi tệp cục bộ thành data URL như data:image/png;base64,.... Dùng nhúng favicon/icon nhỏ vào HTML, hoặc thumbnail trong nháp JSON/Markdown. Base64 dài hơn gốc khoảng 33%; ảnh lớn làm phình HTML và chi phí parse. Chọn tệp là chuyển ngay; không nút chạy riêng. Xem trước và chuỗi điền cùng lúc.
Đọc chỉ dùng FileReader.readAsDataURL, không gọi API tải. MIME không phải image/ thì chỉ thông báo, chuỗi trống. Sao chép dùng clipboard API; từ chối quyền thì tự chọn ô kết quả. Ảnh chụp nhạy cảm cũng không rời thẻ này. Ảnh nhúng nằm trong trang, không cache/CDN, nên ảnh lớn lặp lại nên dùng URL tệp.
Ví dụ
Chọn icon PNG nhỏ: xem trước hiện, chữ bắt đầu data:image/png;base64,. Sao chép vào <img src="…"> thì ảnh hiện không tệp ngoài. Chọn JPEG thì MIME thành jpeg. KB ước trên dòng thông tin từ độ dài chuỗi, có thể lệch nhẹ kích thước đĩa. Chọn lại cùng tệp làm mới nội dung; đặt lại rồi chọn khi thử icon khác. KB ước lớn thì ưu tiên URL tệp tĩnh hơn nhúng HTML.
Liên quan: Base64 → ảnh · Mã hóa URL · Đếm ký tự
Câu hỏi thường gặp
Chuyển ảnh sang Base64 thế nào?
Chọn tệp ảnh thì FileReader lập tức tạo data URL. Xem trước và ô chữ điền; không nút chuyển riêng.
Đưa Base64 ảnh vào HTML thế nào?
Dán chuỗi đã sao vào <code>src</code> của <code>img</code> hoặc CSS <code>background-image: url()</code>. Cũng dùng được cú pháp ảnh Markdown.
JPG, WebP, GIF có làm được ảnh sang Base64?
Trình duyệt nhận tệp <code>image/*</code> thì MIME data URL khớp. Không phải ảnh thì chỉ thông báo.
Ảnh lớn có được không?
Đọc được nhưng chuỗi rất dài, sao/dán và dung lượng trang nặng. Hợp icon và thumbnail nhỏ.
Tệp có tải máy chủ không?
Không. Tệp chọn chỉ đọc trong bộ nhớ trình duyệt trang này, không gửi/tải lên.
Sao chép thất bại thì sao?
Cho phép clipboard hoặc tự chọn ô kết quả rồi sao. Thông báo thành công hiện trên dòng thông tin.
Cập nhật lần cuối: 2026-09-04