Thư viện WebP Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

Nội dung của Thư viện này

Bạn nên xem trang thư viện này bằng trình duyệt hỗ trợ WebP, chẳng hạn như Google Chrome, Opera và các trình duyệt 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 và 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 vốn 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. Kích thước tệp hình ảnh chính xác. Khi nhấp vào hình thu nhỏ JPEG và WebP, hình ảnh lớn sẽ mở 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 hình ảnh JPEG hơn 30%.

JPEG

WEBP

"Nærøyfjorden, Na Uy - từ Breiskrednosi. Di sản Thế giới của UNESCO" 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: Trình diễn phun lửa của "Jaipur Maharaja Brass Band" tại 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

Hình ảnh trên trang này được lấy từ nhiều 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.

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ủa UNESCO" Tác giả hình ảnh: Kjetil Birkeland Moe Được tái bản 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ó nội dung 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 "Người chèo thuyền kayak tại Ekstremsportveko 2010, Voss" Tác giả hình ảnh: Kjetil Birkeland Moe Được tái bản 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ó nội dung 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 Được tái sản xuất 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ạo lại hình ảnh

Để có thể tái tạo và minh hoạ cách sử dụng một số tham số nén WebP, chúng tôi 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

Trước tiên, các nguồn JPEG được chuyển đổi sang định dạng PNG không suy hao 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 ra tập hợp 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 ta sử dụng convert để tạo các tệp này. 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 thành đị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. Dòng lệnh chính xác được sử dụng có nội dung như sau:

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 đã tiết kiệm được 32% trên toàn bộ kích thước tệp JPEG.

Xin 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 hình thu nhỏ JPEG tương đương.