Trong phần tiếp theo, chúng ta sẽ xem xét cách chuyển đổi hình ảnh sang định dạng WebP. Nếu bạn chuyên tâm tạo các trang web, bạn sẽ biết rằng một trong những phương pháp hay nhất để tối ưu hóa hiệu suất của trang web là sử dụng hình ảnh nén. Trong bài này, chúng ta sẽ xem cách sử dụng định dạng WebP. Với nó, chúng tôi có thể tạo hình ảnh nén và chất lượng để sử dụng trên các trang web của mình.
WebP là một định dạng hình ảnh tương đối mới cung cấp khả năng nén không mất dữ liệu và mất dữ liệu đặc biệt cho hình ảnh trên web. Định dạng này đã được do google thiết kế. Để sử dụng nó, bạn sẽ cần tải xuống các tiện ích được biên dịch trước cho Gnu / Linux, Windows và Mac OS X.
WebP là một định dạng hình ảnh mới cung cấp khả năng nén không mất dữ liệu và mất dữ liệu cho các tệp PNG và JPEG. Với định dạng này chúng tôi sẽ đạt được kích thước hình ảnh nhỏ hơn tới 34%. Là tương thích với Google Chrome và Opera. Chúng tôi có thể sử dụng Nginx và Apache để xác định xem định dạng này có được hỗ trợ bởi Tác nhân trình duyệt hay không và sau đó cung cấp hình ảnh ở định dạng mới thay vì hình ảnh gốc. Định dạng tệp này cũng hỗ trợ hình ảnh động, có thể dẫn đến giảm kích thước hình ảnh lớn.
Với định dạng WebP, quản trị viên web và nhà phát triển web có thể tạo hình ảnh nhỏ hơn, phong phú hơn làm cho web nhanh hơn.
Cài đặt công cụ WebP trên Ubuntu
May mắn thay, gói webp là có mặt trong kho lưu trữ chính thức của Ubuntu. Chúng tôi có thể cài đặt nó bằng trình quản lý gói APT. Chúng tôi sẽ chỉ phải mở một thiết bị đầu cuối (Ctrl + Alt + T) và viết vào đó:
sudo apt install webp
Chúng tôi cũng có thể chọn Ubuntu và các bản phân phối Gnu / Linux khác cho tải xuống gói webp từ kho lưu trữ của google. Đối với điều này, chúng tôi sẽ sử dụng lệnh wget bằng cách mở một thiết bị đầu cuối (Ctrl + Alt + T) và nhập:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Điều tiếp theo chúng ta sẽ làm là giải nén tệp và di chuyển đến thư mục của gói được giải nén như sau:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Các công cụ tích hợp
Như bạn có thể thấy trong ảnh chụp màn hình ở trên, gói chứa một thư viện được biên dịch trước (libwebp) để thêm các tiện ích web khác nhau được liệt kê bên dưới:
- anim_diff → Nó là một công cụ cho chỉ ra sự khác biệt giữa các hình ảnh động.
- anim_dump → Đây là một công cụ dành cho đổ sự khác biệt giữa các hình ảnh động.
- cwebp → Nó là một công cụ để mã hóa webp.
- dwebp → Đây là một công cụ dành cho giải mã webp.
- gif2webp → Một công cụ cho chuyển đổi ảnh GIF sang webp.
- img2webp → Công cụ cho chuyển đổi chuỗi hình ảnh thành tệp web động.
- vwebp → Đây là một trình xem tệp webp.
- webpinfo → Công cụ này được sử dụng để xem thông tin về một tập tin webp hình ảnh.
- webpmux → Một công cụ mux từ webp.
Chúng tôi sẽ có thể xem tất cả các tùy chọn cho bất kỳ công cụ nào trước đó bằng cách thực thi chúng mà không có bất kỳ đối số nào hoặc sử dụng - cờ dài. Ví dụ:
cwebp -longhelp
Cuối cùng, nếu chúng ta muốn chạy các chương trình trước đó mà không cần viết đường dẫn tuyệt đối của chúng, chúng ta sẽ chỉ phải thêm thư mục ~ / libwebp-0.6.1-linux-x86-32 / bin đến của chúng tôi Biến môi trường PATH trong tệp ~ / .bashrc của chúng tôi. Để làm điều này, chúng tôi sẽ thực thi trong terminal (Ctrl + Alt + T):
vi ~/.bashrc
Trong phần cuối cùng của tệp, chúng tôi sẽ thêm:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Khi hoàn tất, chúng tôi sẽ chỉ phải lưu tệp và đóng nó. Đến khi rời đi chúng tôi sẽ mở một cửa sổ đầu cuối mới và chúng tôi sẽ có thể thực thi tất cả các chương trình web giống như bất kỳ lệnh nào khác trong hệ thống.
Chuyển đổi hình ảnh sang webp
Để chuyển đổi một hình ảnh sang webp, chúng tôi có thể sử dụng công cụ cwebp. Trong đó tham số -q xác định chất lượng đầu ra và -o chỉ định tệp đầu ra. Đây là một ví dụ:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Xem hình ảnh đã chuyển đổi
Khi quá trình chuyển đổi hoàn tất, chúng tôi có thể xem hình ảnh webp bằng công cụ vwebp. Như bạn có thể thấy trong hình chụp, cùng một hình ảnh có những khác biệt nhất định so với hình ảnh ở định dạng jpeg.
vwebp ubunlog.webp
WebP chỉ là một trong nhiều sản phẩm xuất phát từ những nỗ lực không ngừng của Google để làm cho web nhanh hơn. Nếu chúng tôi muốn biết thêm về định dạng hình ảnh này, chúng tôi có thể tham quan Trang web dự án WebP.