Hình ảnh WEBP rơi trở lại

Question

Tôi đã tìm kiếm rất nhiều trên internet & không thể tìm thấy ví dụ phù hợp hoặc hướng dẫn đầy đủ trên web có thể có đầy đủ prof. Vì vậy, các bạn hãy gợi ý cho tôi một số ví dụ hay.

Tôi đã thử mã WEBP trên nhiều trang web hoặc như sử dụng với trình hiện đại hóa, kiểm tra hỗ trợ trình duyệt hoặc sử dụng hình nền.

Answer 1

Có một bài viết về stucox nơi bạn có thể tìm thấy một số ví dụ sử dụng hình ảnh webp với hình ảnh hiện đại và dự phòng. Điều này sẽ giải quyết vấn đề của bạn.

/* Result pending */ 
.js .container { 
    background-image: none; 
} 
/* No JS/WebP not supported */ 
    .no-js .container, 
    .js.no-webp .container { 
    background-image: url('image.jpg'); 
} 
/* WebP supported */ 
    .js.webp .container { 
    background-image: url('image.webp'); 
} 

http://www.stucox.com/blog/using-webp-with-modernizr/