Nội dung của Thư viện này
Để xem trang thư viện này, tốt nhất bạn nên sử dụng một trình duyệt hỗ trợ WebP, chẳng hạn như Google Chrome, Opera và các nền tảng khác.
Nếu không có quyền truy cập vào Google Chrome, bạn có thể tải hình ảnh xuống trên ổ đĩa cục bộ của mình để sử dụng với các sản phẩm khác có hỗ trợ WebP.
Tệp hình ảnh mẫu ở định dạng JPEG và WebP và nguồn PNG
Bảng dưới đây trình bày song song hình ảnh JPEG (bên trái) và hình ảnh WebP (ở bên phải) được điều chỉnh theo tỷ lệ để so sánh. Vì các trình duyệt có hỗ trợ WebP gốc, nên chúng tôi không còn đặt hình ảnh WebP trong vùng chứa PNG như khi ra mắt. Kích thước tệp hình ảnh là chính xác. Khi nhấp vào hình thu nhỏ JPEG và WebP, các hình ảnh lớn sẽ mở ra trong một thẻ mới
Kích thước tệp bên dưới hình thu nhỏ tương ứng với kích thước tệp của hình ảnh được xem khi nhấp vào hình thu nhỏ. Hình ảnh WebP nhỏ hơn 30% so với hình ảnh JPEG.
JPEG | WEBP |
|---|---|
| "Nærøyfjorden, Na Uy – từ Breiskrednosi. Di sản thế giới được UNESCO công nhận" 1 | |
 Kích thước tệp JPEG: 43,84 KB |
 Kích thước tệp WebP: 29,61 KB |
| "Kayaker tại Ekstremsportveko 2010, Voss". 2 | |
 Kích thước tệp JPEG: 86,25 KB |
 Kích thước tệp WebP: 59,18 KB |
| Khung 10 của trình tự "Parkrun" 3 | |
 Kích thước tệp JPEG: 297,05 KB |
 Kích thước tệp WebP: 198,38 KB |
| Hình ảnh: "Một quả anh đào hoang (Prunus avium) in hoa" 4 | |
 Kích thước tệp JPEG: 251,03 KB |
 Kích thước tệp WebP: 172,82 KB |
| Hình ảnh: Thở lửa "Ban nhạc Jaipur Maharaja Brass" Chassepierre Bỉ 5 | |
 Kích thước tệp JPEG: 120,78 KB |
 Kích thước tệp WebP: 80,76 KB |
Bản quyền hình ảnh
Các hình ảnh trên trang này đến từ một số nguồn. Chúng tôi đã chọn một số hình ảnh phong phú và thú vị để giới thiệu chất lượng của WebP. Thật không may, các hình ảnh cổ điển nổi tiếng như Lena, Baboon, v.v., thường được sử dụng khi so sánh nén, nhưng rất tiếc là không có bản quyền.
Bản quyền cho các hình ảnh ở trên được liệt kê ở đây theo thứ tự.
| 1 |
"Nærøyfjorden, Na Uy – từ Breiskrednosi. Di sản thế giới UNESCO" Tác giả hình ảnh: Kjetil Birkeland Moe Sao chép với sự cho phép của tác giả. Nguồn PNG Bài đăng trên blog của tác giả có so sánh giữa JPEG và WebP. Thao tác di chuột sẽ kích hoạt các ví dụ. |
| 2 |
"Kayaker tại Ekstremsportveko 2010, Voss" Tác giả hình ảnh: Kjetil Birkeland Moe Được sao chép với sự cho phép của tác giả. Nguồn PNG Bài đăng trên blog của tác giả có so sánh giữa JPEG và WebP. Thao tác di chuột sẽ kích hoạt các ví dụ. |
| 3 |
Khung hình 10 của chuỗi "Parkrun" Nhà sản xuất hình ảnh: Lars Haglund, SVT Sveriges tv AB Được sao chép với sự cho phép của nhà sản xuất Nguồn PNG |
| 4 |
Hình ảnh: "Một quả anh đào hoang (Prunus avium) in hoa" Tác giả hình ảnh: Benjamin Gimmel Nguồn PNG Ảnh được cấp phép theo giấy phép Creative Commons Attribution-Share Alike 3.0 Unported. |
| 5 |
Hình ảnh: Fire Thở "Ban nhạc Jaipur Maharaja Brass" Chassepierre Bỉ Tác giả: Luc Viatour Nguồn PNG Ảnh được cấp phép theo giấy phép Creative Commons Attribution-Share Alike 3.0 Unported. Trang web của tác giả tại www.lucnix.be |
Tái tạo hình ảnh
Nhằm mục đích tái tạo và minh hoạ việc sử dụng một số tham số nén WebP, chúng tôi sẽ mô tả chính xác các bước có liên quan khi tạo hình ảnh trong thư viện này ở đây.
Công cụ
Để chuyển đổi và điều chỉnh tỷ lệ hình ảnh nguồn, chúng tôi đã sử dụng phiên bản mới nhất của công cụ ImageMagick có tên convert, có tại https://www.imagemagick.org.
Thông tin phiên bản như sau:
Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org
Đối với định dạng nén JPEG, chúng tôi đã sử dụng phiên bản 8b của bộ mã hoá tham chiếu của IJG, có tại https://www.ijg.org/files/jpegsrc.v8b.tar.gz.
Thông tin phiên bản như sau:
Independent JPEG Group's CJPEG, version 8b 16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding
Tạo ảnh PNG nguồn
Trước tiên, các nguồn JPEG được chuyển đổi không tổn hao sang định dạng PNG chỉ bằng cách sử dụng:
convert in.jpg out.png
Sau đó, các hình ảnh nguồn lớn được điều chỉnh lại theo chiều rộng nhỏ hơn 1024 pixel bằng lệnh sau đây:
convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png
để tạo ra tập hợp hình ảnh PNG nguồn cuối cùng.
Nén thành định dạng JPEG
Bộ mã hoá của JPEG (cjpeg) lấy hình ảnh đầu vào ở định dạng PPM. Chúng ta sẽ dùng convert để tạo các lớp đó. Sau đó, trình tự chuyển đổi hoàn chỉnh sẽ là:
convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm
giúp tạo các tệp JPEG tối ưu hoá có hệ số chất lượng là 80.
Nén thành định dạng WebP
Chúng tôi đã đề ra mục tiêu giảm 30% kích thước tệp so với các tệp JPEG được tối ưu hoá.
Do đó, chúng ta đã chỉ định rõ ràng kích thước mục tiêu cho mỗi ảnh.
Ngoài ra, chúng tôi đặt các giá trị đặc biệt cho độ mạnh lọc cho từng hình ảnh, nhờ tuỳ chọn -f của công cụ cwebp. Biên độ của việc định hình nhiễu không gian cũng được tăng cường đối với một số hình ảnh bằng cách sử dụng tuỳ chọn -sns. Các dòng lệnh chính xác được sử dụng đọc:
cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp
Nhìn chung, các tệp WebP thu được giúp tiết kiệm 32% trên toàn cầu so với các kích thước tệp JPEG.
Xin lưu ý rằng hình thu nhỏ WebP sử dụng trên trang này cũng nhỏ hơn 26% so với hình thu nhỏ tương đương JPEG.