Tạo Data URI
Công cụ tạo Data URI miễn phí trực tuyến, chuyển đổi tệp sang Base64
📎Nhấp hoặc kéo thả tệp để tạo Data URIHỗ trợ ảnh, font, SVG, PDF và hơn thế
Data URI là gì?
Data URI nhúng dữ liệu tệp trực tiếp vào URL sử dụng định dạng data:[mimeType];base64,[data]. Điều này cho phép bạn nhúng hình ảnh nhỏ, font hoặc tệp trực tiếp trong HTML, CSS hoặc JavaScript mà không cần tham chiếu tệp bên ngoài. Data URI loại bỏ yêu cầu HTTP bổ sung cho tài nguyên nhỏ.
Cách tạo Data URI
Tải lên tệp (hình ảnh, font, SVG, v.v.). Công cụ tạo chuỗi Data URI. Sử dụng Copy as CSS để lấy thuộc tính background-image hoặc Copy as HTML cho thẻ <img>. Data URI hoạt động tốt nhất cho tệp dưới 10KB.
▶Khi nào nên sử dụng Data URI so với tệp bên ngoài?
Sử dụng Data URI cho tài nguyên nhỏ (dưới 10KB) như icon, hình ảnh nhỏ hoặc font. Đối với tệp lớn hơn, tệp bên ngoài với bộ nhớ đệm hiệu quả hơn. Quá nhiều Data URI trong CSS có thể làm chậm rendering.
▶Data URI có hoạt động trong tất cả trình duyệt không?
Có, tất cả trình duyệt hiện đại hỗ trợ Data URI. Trình duyệt rất cũ (IE8 trở xuống) có giới hạn kích thước 32KB, nhưng điều này không liên quan cho ứng dụng hiện đại.