Nội dung của Thư viện này
Thư viện này trình bày một số hình ảnh mẫu để giới thiệu hai chế độ WebP mới: WebP không mất dữ liệu và WebP-lossy có alpha (hỗ trợ độ trong suốt).
So sánh song song
Bảng dưới đây trình bày hình ảnh PNG (nén bằng pngcrush và pngout), hình ảnh không tổn hao WebP và hình ảnh bóng WebP với Alpha để so sánh song song. Hình ảnh được phủ lên trên nền ca rô như thường thấy trong phần mềm đồ hoạ.
Xin lưu ý rằng chúng tôi đã sử dụng chất lượng webp 90 cho hình ảnh hao tổn WebP với chất lượng alpha và chất lượng mặc định cho hình ảnh không mất dữ liệu WebP. Hãy xem phần Tái tạo hình ảnh để biết thêm thông tin chi tiết.
Chúng tôi trình bày các hình ảnh WebP (được chuyển đổi trở lại thành PNG) cho các trình duyệt không có khả năng hiển thị WebP. Nếu có một trình duyệt tương thích, bạn có thể tìm thấy đường liên kết đến tệp WebP ở bên dưới. Ngoài ra, hình ảnh trên trang này được thu nhỏ để thuận tiện xem. Nhấp vào hình ảnh bất kỳ để xem hình ảnh có kích thước đầy đủ.
Bảng này cũng biểu thị kích thước hình ảnh thu được ở mỗi chế độ.
PNG | Không tổn hao khi dùng WebP | WebP tổn hao (có alpha) |
|---|---|---|
| "Hoa hồng vàng" 1 | ||
 Kích thước tệp được tối ưu hoá theo định dạng PNG: 110,7 KB |
 Kích thước tệp WebP không suy hao: 79,9 KB |
 Kích thước tệp WebP-lossy (có alpha): 17,7 KB |
| "baby tux cho trang người dùng của tôi" 2 | ||
 Kích thước tệp được tối ưu hoá theo định dạng PNG: 38,1 KB |
 Kích thước tệp WebP không suy hao: 27,0 KB |
 Kích thước tệp WebP-lossy (có alpha): 13,8 KB |
| "Hình minh hoạ PNG minh bạch" 3 | ||
 Kích thước tệp được tối ưu hoá theo định dạng PNG: 213,5 KB |
 Kích thước tệp WebP không suy hao: 149 KB |
 Kích thước tệp WebP-lossy (có alpha): 51,6 KB |
| "Kỷ niệm 189 năm ngày sinh của Gregor Mendel" 4 | ||
 Kích thước tệp được tối ưu hoá theo định dạng PNG: 49,2 KB |
 Kích thước tệp WebP không suy hao: 33,2 KB |
 Kích thước tệp WebP-lossy (có alpha): 18,3 KB |
| "Thẻ la bàn trong suốt cho lớp phủ" 5 | ||
 Kích thước tệp được tối ưu hoá theo định dạng PNG: 126,8 KB |
 Kích thước tệp WebP không suy hao: 97,1 KB |
 Kích thước tệp WebP-lossy (có alpha): 57,3 KB |
Sau đây là đường liên kết đến tệp WebP (có thể xem trong Chrome 22 trở lên):
| "Hoa hồng vàng": | Tệp WebP không tổn hao (80,1 KB) | Tệp WebP-lossy (có alpha) (18,4 KB) |
| "baby tux cho trang người dùng của tôi": | Tệp WebP không tổn hao (27,0 KB) | Tệp WebP-lossy (có alpha) (14,1 KB) |
| "Minh hoạ chuyển màu PNG": | Tệp WebP không tổn hao (149,1 KB) | Tệp WebP-lossy (có alpha) (52,6 KB) |
| "Kỷ niệm 189 năm ngày sinh của Gregor Mendel": | Tệp WebP không tổn hao (33,3 KB) | Tệp WebP-lossy (có alpha) (19,0 KB) |
| "Thẻ la bàn trong suốt cho lớp phủ": | Tệp WebP không tổn hao (97,1 KB) | Tệp WebP-lossy (có alpha) (57,3 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. Ghi nhận quyền tác giả cho các hình ảnh ở trên được liệt kê ở đây theo thứ tự.
| 1 |
"Ảnh thương mại miễn phí ở độ phân giải cao – Hoa hồng vàng 3 – Hoa" Tác giả hình ảnh: Jon Sullivan Tệp này thuộc phạm vi công cộng. Nguồn JPEG |
| 2 |
"baby tux for my user page" Tác giả hình ảnh: Fizyplankton Tệp này thuộc phạm vi công cộng. Nguồn PNG |
| 3 |
"Minh minh về tính minh bạch của PNG" Tác giả hình ảnh: Mã nguồn POV-Ray Ảnh được cấp phép theo giấy phép Creative Commons Ghi nhận tác giả-Chia sẻ tương tự 3.0 Không chuyển đổi. Nguồn PNG |
| 4 |
"Kỷ niệm 189 năm ngày sinh của Gregor Mendel" Tác giả ảnh: Nhóm Google Doodle Cảm ơn nhóm Google Doodle đã cung cấp hình ảnh này. Nguồn PNG |
| 5 |
"Thẻ la bàn trong suốt cho lớp phủ" Tác giả ảnh: Denelson83 Tệp này được cấp phép theo giấy phép Creative Commons Attribution-Share Alike 3.0 Unported (Không chuyển đổi không chuyển đổi)). Nguồn PNG |
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ụ
Đối với tính năng nén tệp PNG, hệ thống sử dụng kết quả tốt nhất từ pngcrush 1.8.13 và ZopfliPNG 1.0.3. Các tuỳ chọn dòng lệnh sau được dùng
Pngcrush:
pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png
ZopfliPNG:
zopflipng --lossy_transparent input.png output-candidate.png
ZopfliPNG với tất cả bộ lọc:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
Để điều chỉnh tỷ lệ một số hình ảnh nguồn lớn hơn (chỉ để xem), chúng tôi đã sử dụng phiên bản gần đây của công cụ ImageMagick có tên convert, có tại https://www.imagemagick.org. Dòng lệnh chính xác như sau:
convert image.png -resize 240x image_resized.png
Nén để tạo WebP không tổn hao
Chúng tôi đã sử dụng tuỳ chọn "không tổn hao" trong công cụ cwebp để chuyển đổi PNG sang định dạng WebP không tổn hao. Để có được kết quả tối thiểu, dòng lệnh chính xác được sử dụng như sau:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Kết xuất WebP không tổn hao
Chúng tôi đã chuyển đổi hình ảnh không mất dữ liệu WebP về định dạng PNG bằng công cụ dwebp để kết xuất. Dòng lệnh chính xác được sử dụng như sau:
dwebp webp_lossless.webp -o output.png
Nén thành WebP- hao (có alpha)
Chúng tôi sử dụng công cụ cwebp để chuyển đổi PNG sang WebP-lossy (với alpha). Chúng tôi chọn chất lượng WebP là 90 (nén tổn hao) và chất lượng alpha là 100 (nén không mất dữ liệu). Dòng lệnh chính xác được sử dụng như sau:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Hiển thị tệp WebP hao tổn (có alpha)
Chúng tôi đã chuyển đổi hình ảnh WebP-lossy (có alpha) trở lại PNG bằng cách sử dụng công cụ dwebp để hiển thị. Dòng lệnh chính xác được sử dụng như sau:
dwebp webp_alpha.webp -o output.png