Chuyển đổi hình ảnh thành Base64

data-url

css

DataURI cho phép bạn nhúng các tập tin nhỏ vào các tài liệu HTML. Bạn có thể sử dụng thẻ img hoặc CSS để nhúng mã hóa Base64 đã chuyển đổi, giảm các yêu cầu HTTP và tăng tốc độ tải của các hình ảnh nhỏ. Kích thước tập tin sau khi được mã hóa bằng Base64 thường lớn hơn khoảng 30% so với tập tin gốc.

// Using Base64 in CSS
.box{  background-image: url("data:image/jpg;base64,/9j/4QMZR...");
}

// Using Base64 in HTML
<img 
src="data:image/jpg;base64,/9j/4QMZR...
" />

Chuyển đổi hình ảnh thành Base64 là gì

Chuyển đổi hình ảnh thành Base64 là quá trình chuyển đổi hình ảnh thành các chuỗi mã hóa Base64. Nó chủ yếu giải quyết các vấn đề sau: giảm các yêu cầu HTTP trên trang web để tăng tốc độ tải, tạo điều kiện thuận lợi cho việc truyền và lưu trữ hình ảnh trong các trường hợp chỉ có văn bản (chẳng hạn như các giao diện API và cơ sở dữ liệu văn bản), và đơn giản hóa các thủ tục xử lý dữ liệu.

Trình chuyển đổi hình ảnh thành Base64 trực tuyến là gì

Trình chuyển đổi hình ảnh thành Base64 trực tuyến cho phép chuyển đổi mà không cần môi trường phát triển, và trực tiếp hiển thị các mã data-url và CSS, giúp người dùng dễ dàng sao chép và sử dụng chúng trực tiếp.

Làm thế nào để thực hiện trình chuyển đổi hình ảnh thành Base64

Nhấp vào "Chọn tập tin" ở góc trên bên phải để tải lên một hình ảnh. Sau đó, data-url, CSS và Base64 gốc sẽ xuất hiện bên dưới. Có hướng dẫn sử dụng data-url và CSS Base64 ở phần cuối. Tại thời điểm này, người dùng có thể trực tiếp nhấp vào biểu tượng sao chép để sao chép nội dung tương ứng.