Chuyển đổi ảnh sang Base64
Kéo ảnh vào để lấy data URI Base64 kèm sẵn snippet CSS, HTML và Markdown — hoặc dán chuỗi Base64 để xem trước và tải ảnh về. Mọi thứ xử lý cục bộ, không tải lên server.
Kéo thả ảnh vào đây, hoặc bấm để chọn
PNG · JPG · WebP · GIF · SVG — mã hóa cục bộ, không tải lên server
Giới thiệu công cụ
Công cụ Chuyển đổi ảnh sang Base64 biến một file ảnh thành data URI Base64 để bạn dán thẳng vào CSS, HTML hay Markdown — không cần lưu trữ ảnh riêng. Nó cũng làm chiều ngược lại: dán một data URI hoặc chuỗi Base64 để xem trước ảnh đã giải mã rồi tải về thành file.
Nhúng ảnh nhỏ dưới dạng data URI giúp bỏ một lượt gọi mạng, rất tiện cho icon, logo, mẫu email và các demo khép kín. File được đọc cục bộ bằng FileReader của trình duyệt nên ảnh của bạn được xử lý ngay trên thiết bị và không bao giờ tải lên server.
Cách sử dụng
- Kéo thả một ảnh vào vùng thả, hoặc nhấn để chọn file.
- Sao chép data URI Base64 sinh ra, hoặc lấy sẵn snippet CSS, HTML hay Markdown.
- Để giải mã, dán một data URI hoặc chuỗi Base64 vào ô nhập để xem trước ảnh.
- Kiểm tra bản xem trước và dung lượng file trước khi dùng kết quả.
- Tải ảnh đã giải mã về thành file, hoặc sao chép chuỗi mã hóa vào dự án của bạn.
Tính năng
- Chuyển ảnh PNG, JPG, WebP, GIF và SVG sang data URI Base64.
- Snippet CSS background, thẻ HTML <img> và Markdown dán được ngay.
- Chế độ ngược: giải mã data URI về ảnh xem và tải xuống được.
- Xem trước trực tiếp và hiển thị dung lượng để cân nhắc kích thước khi nhúng.
- Nhập bằng kéo thả hoặc nhấn để tải lên.
- Mọi thứ chạy cục bộ — ảnh không bao giờ được tải lên.
Câu hỏi thường gặp
Ảnh của tôi có bị tải lên server không?
Không. Ảnh được đọc cục bộ bằng FileReader API của trình duyệt và chuyển đổi ngay trên thiết bị. Không gì được gửi đi.
Khi nào nên nhúng ảnh dưới dạng Base64?
Data URI hợp nhất với ảnh nhỏ như icon và logo, khi việc tiết kiệm một lượt gọi đáng giá hơn phần dôi dung lượng. Với ảnh lớn, dùng URL file thường thường hiệu quả hơn.
Vì sao chuỗi Base64 lớn hơn file gốc?
Mã hóa Base64 tăng dung lượng khoảng 33% vì ánh xạ ba byte thành bốn ký tự. Đó là điều bình thường và là cái giá của việc nhúng dữ liệu nhị phân dưới dạng văn bản.
Data URI là gì?
Data URI nhúng thẳng nội dung file vào một chuỗi, kiểu data:image/png;base64,.... Trình duyệt coi nó như một URL ảnh thật nên có thể dùng nội tuyến trong CSS hay HTML.
Tôi có chuyển Base64 ngược lại thành file ảnh được không?
Được. Dán data URI hoặc chuỗi Base64 vào ô giải mã, xem trước và tải file ảnh dựng lại về máy.