Nội dung của Thư viện này
Trang thư viện này được xem tốt nhất trên trình duyệt hỗ trợ WebP, chẳng hạn như Google Chrome, Opera và các nguồn 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 cục bộ để sử dụng với các sản phẩm khác hỗ trợ WebP.
Tệp hình ảnh mẫu ở định dạng JPEG, WebP và nguồn PNG
Bảng dưới đây thể hiện hình ảnh JPEG được điều chỉnh theo tỷ lệ (ở bên trái) và WebP (ở bên phải) cạnh nhau để so sánh. Vì có sẵn các trình duyệt hỗ trợ định dạng WebP nguyên gốc, nên chúng tôi không còn đặt hình ảnh WebP trong vùng chứa PNG như lúc mới ra mắt. Hình ảnh kích thước tệp chính xác. Nhấp vào hình thu nhỏ JPEG và WebP sẽ mở hình ảnh lớn 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 xem khi nhấp vào hình thu nhỏ. Hình ảnh WebP nhỏ hơn 30% so với ảnh JPEG.
JPEG | WEBP |
|---|---|
| "Nærøyfjorden, Na Uy – từ Breiskrednosi. Thế giới UNESCO Di sả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 hình 10 của " Parkrun" trình tự 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 dại (Prunus avium) trong 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 "Jaipur Maharaja Brass Band" 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 ta có đã chọn một số hình ảnh thú vị và phong phú để giới thiệu chất lượng của WebP. Các hình ảnh cổ điển nổi tiếng như Lena, Khỉ đầu chó, v.v., thường được sử dụng khi làm việc đáng tiếc là các so sánh nén dữ liệu này không phải là không có bản quyền.
Ghi nhận quyền tác giả cho các hình ảnh ở trên được liệt kê theo thứ tự tại đây.
| 1 |
"Nærøyfjorden, Na Uy – từ Breiskrednosi. Di sản thế giới được UNESCO công nhận" 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ả trình bày thông tin so sánh giữa JPEG và WebP. Chuột 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ả trình bày thông tin so sánh giữa JPEG và WebP. Chuột thao tác di chuột sẽ kích hoạt các ví dụ. |
| 3 |
Khung hình 10 của " Parkrun" trình tự Nhà sản xuất hình ảnh: Lars Haglund, SVT Sveriges tv AB Nội dung được tái hiện có sự cho phép của nhà sản xuất Nguồn PNG |
| 4 |
Hình ảnh: "Anh đào dại (Prunus avium) trong 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 Giấy phép Ghi nhận bản quyền-Chia sẻ Tương tự 3.0 Chưa chuyển đổi. |
| 5 |
Hình ảnh: Thở lửa "Jaipur Maharaja Brass Band" Chassepierre Bỉ Tác giả: Luc Viatour Nguồn PNG Ảnh được cấp phép theo Giấy phép Creative Commons Giấy phép Ghi nhận bản quyền-Chia sẻ Tương tự 3.0 Chưa chuyển đổi. 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ố WebP tham số nén, chúng tôi sẽ mô tả ở đây các bước chính xác liên quan khi tạo hình ảnh trong thư viện này.
Công cụ
Để chuyển đổi và điều chỉnh kích thước ảnh nguồn, chúng tôi đã sử dụng phiên bản gần đây của
Công cụ của ImageMagick có tên là convert, có tại https://www.imagemagick.org.
Thông tin phiên bản có nội dung:
Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org
Để nén JPEG, chúng tôi sử dụng phiên bản 8b của bộ mã hoá tham chiếu IJG, có tại https://www.ijg.org/files/jpegsrc.v8b.tar.gz.
Thông tin phiên bản có nội dung:
Independent JPEG Group's CJPEG, version 8b 16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding
Tạo Ảnh PNG Nguồn
Đầu 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 đó, hình ảnh nguồn lớn được điều chỉnh tỷ lệ thành chiều rộng nhỏ hơn là 1024 pixel bằng lệnh sau:
convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png
để tạo bộ hình ảnh PNG nguồn cuối cùng.
Đang nén sang đị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 tôi dùng convert để
để tạo chúng. 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
để tạo ra các tệp JPEG được tối ưu hoá với hệ số chất lượng là 80.
Nén sang định dạng WebP
Chúng tôi đặt 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 tôi đã chỉ định rõ kích thước mục tiêu cho mỗi ảnh.
Ngoài ra, chúng tôi cũng đặt các giá trị đặc biệt về độ mạnh lọc cho mỗi
ảnh, nhờ tuỳ chọn -f của công cụ cwebp. Biên độ của
cho một số ả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 sẽ đọ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 thành kích thước tệp JPEG.
Lưu ý rằng hình thu nhỏ WebP được sử dụng trên trang này cũng nhỏ hơn 26% so với tệp JPEG tương đương.