Chuyển WebP Sang Base64 - Miễn Phí, Tức Thì, Ngay Trên Trình Duyệt
Công Cụ Chuyển WebP Sang Base64
Tối đa 10 MB. Không có gì được tải lên — tệp không bao giờ rời khỏi thiết bị của bạn.
Dùng trong thuộc tính <img src> hoặc url() của CSS.
Không có tiền tố data: — dùng cho dữ liệu JSON và API.
Tệp của bạn được giữ riêng tư
Việc chuyển đổi này chạy hoàn toàn trong trình duyệt của bạn. Ảnh không bao giờ được tải lên, nên không có thứ gì bạn mã hóa ở đây đến được máy chủ của chúng tôi hay bất kỳ ai khác.
Về Việc Chuyển WebP Sang Base64
WebP vốn đã là định dạng gọn nhẹ. Một tệp nếu ở dạng PNG sẽ nặng 40 KB thì ở WebP thường chỉ còn khoảng 15 KB, nghĩa là 33% mà Base64 cộng thêm gây đau ít hơn về giá trị tuyệt đối so với bất kỳ định dạng nào khác. Điều đó khiến WebP là ứng viên đặc biệt tốt để nhúng — chỉ với một vướng mắc chẳng liên quan gì tới dung lượng.
Cách chuyển WebP sang Base64
- 1 Thả tệp .webp vào vùng tải lên.
- 2 Các dạng đã mã hóa hiện ra ngay, kèm theo dung lượng trước và sau.
- 3 Sao chép dạng nào phù hợp: data URI, chuỗi thô, hoặc quy tắc CSS.
Nhúng nội tuyến lấy mất phương án dự phòng của bạn
Cách thông thường để phục vụ WebP là dùng phần tử picture, đưa WebP lên trước rồi JPG hoặc PNG sau, để mỗi trình duyệt lấy thứ nó hiểu được. Data URI không làm được điều đó: nó chỉ là một chuỗi duy nhất với một kiểu phương tiện duy nhất, và trình duyệt không giải mã được WebP sẽ đơn giản là không hiện gì cả. Ngày nay mức hỗ trợ đã rất rộng nên điều này hiếm khi cắn trên web mở — nhưng nó cắn trong các phần mềm thư điện tử, trong những trình duyệt nhúng đời cũ, và trong ứng dụng máy tính dựng HTML bằng động cơ đã cũ.
Nơi nó thực sự phù hợp
Bất cứ nơi nào bạn kiểm soát được môi trường chạy và biết chắc WebP sẽ được giải mã: một bảng điều khiển nội bộ, trang quản trị, tiện ích mở rộng trình duyệt, ứng dụng Electron, một hệ thống thiết kế dành cho đối tượng chỉ dùng công nghệ hiện đại. Ở những nơi đó, bạn có đồng thời khả năng nén của WebP và không mất thêm lượt yêu cầu nào — gần như là điều tốt nhất mà việc nhúng có thể mang lại. Còn trên một trang tiếp thị công khai, nơi vài phần trăm khách truy cập vẫn còn quan trọng, hãy ưu tiên phần tử picture và một tệp bình thường.
Mất mát lớn hơn vẫn là bộ nhớ đệm
Chính vì tệp WebP nhỏ nên người ta dễ bị cám dỗ nhúng thật nhiều. Đó lại là chỗ khoản phí thứ hai nhân lên: mỗi ảnh nhúng đều nằm trong bảng kiểu, nên chỉ cần đổi một dòng CSS là tất cả cùng lúc mất hiệu lực và khách phải tải lại trọn bộ. Nhúng mười ảnh nhỏ rất dễ tệ hơn mười tệp được lưu đệm. Hãy giữ số lượng thấp, bảo đảm từng ảnh thật sự tí hon, và để phần còn lại là những tệp bình thường mà trình duyệt có thể lưu đệm và dùng lại giữa các trang.