Cách sử dụng
- Chọn ảnh, thả ảnh vào đây hoặc dán bằng Ctrl+V.
- Chọn đầu ra — Data URI, Chỉ Base64, Nền CSS, HTML <img> hoặc Markdown.
- Sao chép kết quả.
- Để chuyển theo chiều ngược lại, dán data URI hoặc chuỗi Base64 vào mục Base64 sang ảnh.
Giải thích tùy chọn
- Data URI
- Chuỗi đầy đủ data:image/png;base64,…, dùng được ở mọi nơi chấp nhận URL.
- Chỉ Base64
- Chỉ phần dữ liệu đã mã hóa, không có tiền tố data:…;, dành cho API và trường JSON cần Base64 thuần.
Ví dụ
| Đầu ra | Kết quả |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Câu hỏi thường gặp
Base64 làm ảnh lớn thêm bao nhiêu?
Khoảng một phần ba. Base64 dùng bốn ký tự cho mỗi ba byte, nên ảnh 30 KB sẽ thành khoảng 40 KB văn bản.
Khi nào nên nhúng ảnh dưới dạng Base64?
Với biểu tượng nhỏ và ảnh dưới vài kilobyte, nhúng trực tiếp giúp bớt một yêu cầu mạng. Ảnh lớn hơn nên để thành tệp riêng vì có thể lưu cache và không làm phình HTML hay CSS.
Hỗ trợ những định dạng nào?
Mọi định dạng ảnh trình duyệt của bạn đọc được, gồm PNG, JPEG, GIF, WebP, SVG, AVIF và ICO. Khi giải mã, định dạng được nhận diện từ chính dữ liệu nếu thiếu kiểu MIME.
Ảnh của tôi có bị tải lên không?
Không. Việc mã hóa và giải mã diễn ra trong trình duyệt của bạn.
Quyền riêng tư
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.