ảnh sang Base64 là gì?
ảnh sang Base64 chuyển đổi tệp ảnh thành chuỗi được mã hóa Base64 bằng API FileReader tích hợp của trình duyệt. Kết quả có thể được định dạng dưới dạng chuỗi Base64 thô, data URI đầy đủ, khai báo CSS background-image hoặc thẻ HTML img — tùy theo nhu cầu sử dụng.
Cách sử dụng ảnh sang Base64
- Thả tệp hình ảnh vào vùng thả hoặc nhấp để chọn.
- Chọn định dạng đầu ra: Data URI, Base64 thô, CSS background-image hoặc thẻ HTML img.
- Sao chép kết quả vào clipboard chỉ với một cú nhấp.
- Dán trực tiếp vào HTML, CSS, JSON hoặc bất kỳ đích nào khác.
Tìm hiểu mã hóa hình ảnh Base64 ▾
Ví dụ
Các trường hợp sử dụng phổ biến
- Nhúng logo nhỏ vào email HTML
- Nhúng trực tiếp spinner hoặc biểu tượng vào tệp CSS
- Truyền dữ liệu hình ảnh dưới dạng chuỗi JSON đến API
- Tạo tệp HTML tự chứa với hình ảnh được nhúng
Vì sao nên dùng công cụ này
- Bốn định dạng đầu ra — data URI, Base64 thô, CSS và HTML.
- Hiển thị kích thước gốc so với kích thước đã mã hóa và % tăng.
- Cảnh báo khi hình ảnh đủ lớn để ảnh hưởng đến hiệu suất trang.
- Không tải tệp lên — mọi thứ chạy trong trình duyệt của bạn.
Câu hỏi thường gặp
Base64 là cách mã hóa dữ liệu nhị phân (như hình ảnh) thành chuỗi văn bản thuần ASCII. Data URI là chuỗi Base64 được thêm tiền tố kiểu MIME, có định dạng data:image/png;base64,... — chuỗi này có thể được đặt trực tiếp trong thuộc tính src của thẻ img hoặc trong background-image của CSS để nhúng hình ảnh mà không cần yêu cầu tệp riêng.
Data URI lý tưởng cho biểu tượng nhỏ, logo hoặc hình ảnh được nhúng trực tiếp trong email HTML khi tham chiếu tệp bên ngoài có thể bị chặn. Với hình ảnh lớn, chúng làm tăng trọng lượng trang và có thể ảnh hưởng đến hiệu suất, vì vậy hãy dùng một cách hạn chế.
Không. API FileReader mã hóa ảnh trực tiếp trong trình duyệt của bạn. Ảnh của bạn không bao giờ rời khỏi thiết bị.
Mã hóa Base64 làm tăng kích thước dữ liệu khoảng 33% vì mỗi 3 byte dữ liệu nhị phân trở thành 4 ký tự ASCII. Một ảnh 100 KB sẽ thành khoảng 133 KB dưới dạng chuỗi Base64.