Chuyển CSS sang Data URI
Dán stylesheet, chọn tệp hoặc nhập URL của tệp CSS từ xa. Công cụ tìm mọi tham chiếu url(...), tải các tài nguyên nhỏ hơn giới hạn kích thước của bạn và thay chúng bằng data URI Base64.
| Tài nguyên | Kích thước | Kết quả |
|---|
Khi nào nhúng ảnh CSS có lợi
Mỗi ảnh bên ngoài tốn một request. Với biểu tượng nhỏ, nhúng chúng dưới dạng data URI Base64 giúp loại bỏ request đó và tránh nhấp nháy. Khi vượt quá vài kilobyte, chi phí tăng 33% kích thước và mất khả năng cache sẽ lớn hơn lợi ích, vì vậy công cụ có giới hạn kích thước. Hãy phục vụ kết quả với gzip hoặc Brotli để lấy lại phần lớn chi phí của Base64.
Câu hỏi thường gặp
Có nên nhúng mọi ảnh CSS không?
Không. Chỉ nên nhúng biểu tượng và hình nền nhỏ. Ảnh lớn làm CSS phình to, chặn hiển thị và không thể cache riêng.
Bình luận (0)
Có câu hỏi, ý tưởng hoặc phát hiện lỗi trong “Chuyển CSS sang Data URI”? Hãy để lại bình luận, đánh giá công cụ hoặc trả lời người khác.
Chưa có bình luận nào. Hãy là người đầu tiên chia sẻ ý kiến!