Chuyển ảnh sang Base64
Chuyển một ảnh thành data URI mà bạn có thể dán thẳng vào CSS hoặc HTML.
- Chạy trên thiết bị của bạn — tệp không bao giờ được gửi đi đâu cả
- Không cần đăng ký, không có hình mờ, không có hạn mức hằng ngày
- Miễn phí, không giới hạn số lần sử dụng
Cách hoạt động
Data URI nhúng ảnh trực tiếp vào mã nguồn của bạn thay vì tham chiếu đến một tệp riêng. Điều đó loại bỏ một yêu cầu mạng, có ý nghĩa với các ảnh nhỏ mà nếu không sẽ tốn một lượt đi về cho mỗi ảnh.
Khi nào đáng dùng
Biểu tượng nhỏ, logo và đồ họa một màu. Dưới khoảng 2 KB, lợi ích từ việc bớt một yêu cầu thường lớn hơn cái giá phải trả. Trên mức đó, tham chiếu tệp thông thường tốt hơn.
Cái giá về dung lượng
Base64 mã hóa ba byte thành bốn ký tự, nên data URI lớn hơn tệp khoảng 33%. Nó cũng không thể được lưu đệm riêng: nó bị tải lại cùng với mỗi bản sao của tệp định dạng hoặc trang chứa nó.
Dán vào đâu
Dán thẳng vào url() của CSS hoặc thuộc tính src của thẻ img. Kết quả đã mang sẵn tiền tố loại phương tiện đúng.
Chuyển ảnh sang Base64: câu hỏi thường gặp
Tại sao có giới hạn dung lượng?
Data URI thuộc về mã nguồn, và những data URI rất lớn làm nặng mọi trang có chứa chúng. Giới hạn là 2 MB.
Có dùng được với SVG không?
SVG là văn bản, nên có thể nhúng trực tiếp mà không cần Base64, như vậy nhỏ hơn.
Ảnh của tôi có bị tải lên không?
Không. Việc mã hóa diễn ra trên trình duyệt của bạn.