Công cụ giải mã Base64 thành ảnh
Giải mã chuỗi Base64 hoặc data URI thành ảnh, nhận diện PNG, JPEG, GIF, WebP, SVG hay ICO từ các byte, xem trước và tải file xuống.
Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.
Base64 sang ảnh là gì?
Dán ảnh mã hóa Base64, có hoặc không có tiền tố data:image/...;base64,, công cụ sẽ giải mã, nhận diện loại ảnh thật từ các byte đã giải mã, hiển thị xem trước kèm kích thước và dung lượng, và cho phép bạn tải xuống với đúng phần mở rộng.
Cách sử dụng Base64 sang ảnh
- Dán data URI hoặc chuỗi Base64 thô vào ô nhập (xuống dòng và dấu cách được bỏ qua).
- Kiểm tra Loại phát hiện được, kích thước, dung lượng và ảnh xem trước.
- Bấm nút tải xuống để lưu file, ví dụ
decoded-image.png.
Ví dụ
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Detected type: PNG (image/png), 30×30 px, 99 B – a solid #3366CC square
Khi nào nên dùng Base64 sang ảnh
Dùng để xem ảnh nhúng trong HTML, CSS, phản hồi API JSON, log hoặc email, hoặc để khôi phục file ai đó gửi dưới dạng Base64. Công cụ không sửa được chuỗi bị cắt cụt: nếu thiếu một phần Base64, ảnh sẽ không hợp lệ.
Base64 sang ảnh hoạt động như thế nào
Công cụ bỏ tiền tố data URI, xóa khoảng trắng, chấp nhận Base64 URL-safe (- và _) và thiếu padding =, rồi giải mã bằng atob. Các byte được nhận diện qua chữ ký: PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO, TIFF hoặc văn bản SVG. Nếu data URI khai báo kiểu MIME khác với các byte, một cảnh báo được hiển thị. Ảnh xem trước dùng object URL của các byte đã giải mã.
Các Trường Hợp Sử Dụng Phổ Biến
- Xem ảnh mà REST API trả về dạng Base64.
- Trích ảnh nhúng từ email HTML hoặc file CSS.
- Kiểm tra data URI có thật sự chứa định dạng nó khai báo không.
- Lưu ảnh chụp màn hình Base64 từ log kiểm thử thành file PNG.
Lưu Ý Bảo Mật
Ảnh được giải mã, xử lý và mã hóa cục bộ trong trình duyệt bằng Canvas API. Không có gì được tải lên máy chủ. Nội dung SVG chỉ được hiển thị bên trong phần tử <img>, nơi script trong SVG không chạy.
Câu Hỏi Thường Gặp
Tôi có cần tiền tố data:image không?
Không. Base64 thô cũng được; loại ảnh được nhận diện từ các byte đã giải mã.
Vì sao tôi nhận thông báo “không phải Base64 hợp lệ”?
Chuỗi chứa ký tự ngoài bảng chữ Base64 hoặc có độ dài không thể có, thường do bị cắt cụt hoặc chứa dấu nháy hay chuỗi escape. Chỉ dán phần Base64.
Nếu dữ liệu không phải ảnh thì sao?
Công cụ cho biết Base64 giải mã đúng nhưng không phải định dạng ảnh được nhận diện, và không đưa ra ảnh xem trước gây hiểu lầm.