Ảnh sang Base64
Chuyển ảnh sang văn bản Base64 để nhúng vào mã.
Chuyển đổi ảnh sang Base64 cho phát triển web
Base64 là hệ thống mã hóa chuyển dữ liệu nhị phân (như ảnh) thành chuỗi văn bản ASCII. Cho phép nhúng ảnh trực tiếp vào HTML, CSS hoặc JavaScript mà không cần tệp bên ngoài riêng. Đặc biệt hữu ích cho biểu tượng nhỏ, logo và phần tử UI hưởng lợi từ tải inline, loại bỏ yêu cầu HTTP bổ sung.
Mã hóa Base64 tăng kích thước dữ liệu khoảng 33% so với tệp nhị phân gốc. Vì vậy, nên dùng chủ yếu cho ảnh nhỏ (dưới 10 KB). Cho ảnh lớn, hiệu quả hơn khi phục vụ dạng tệp riêng tận dụng cache trình duyệt. Data URI Base64 có thể dùng trong thuộc tính src ảnh HTML, thuộc tính background-image CSS, và bất kỳ nơi nào chấp nhận URL.
Công cụ chuyển đổi bất kỳ ảnh nào sang Base64 ngay lập tức trên trình duyệt. Không tải lên máy chủ. Bạn nhận ba định dạng đầu ra: chuỗi Base64 thuần, data URI đầy đủ với tiền tố MIME để dùng trực tiếp, và thẻ HTML img sẵn sàng dán. Mỗi định dạng có nút sao chép một nhấp.
Câu hỏi thường gặp
Tại sao Base64 lớn hơn tệp gốc?
Base64 mã hóa mỗi 3 byte dữ liệu nhị phân thành 4 ký tự ASCII, dẫn đến tăng khoảng 33%. Đây là đặc tính cố hữu của hệ thống mã hóa và là chi phí chuyển đổi dữ liệu nhị phân thành văn bản thuần.
Khi nào nên dùng ảnh Base64?
Lý tưởng cho ảnh nhỏ như biểu tượng (dưới 10 KB), email HTML, ứng dụng offline, hoặc khi muốn giảm số yêu cầu HTTP. Cho ảnh lớn, tốt hơn là phục vụ dưới dạng tệp riêng.
Có thể dùng data URI trong CSS không?
Có. Bạn có thể dùng data URI đầy đủ trong thuộc tính background-image của CSS, ví dụ: background-image: url(data:image/png;base64,...). Hữu ích cho nền, sprite và trang trí không cần tải ngoài.