Cài đặt webp tối ưu hình ảnh tăng tốc độ tải trang

1. WebP là gì?

Webp là một định dạng hình ảnh  cung cấp cơ chế nén lossless và lossy và trở thành sự thay thế cho định dạng PNG , nó tạo ra kích thước file nhỏ hơn nhưng lại có chất lượng tương đương JPEG.

Tính năng lossy compression của webp sử dụng predictive coding để mã hóa hình ảnh.

Tính năng lossless hoạt động bằng cách sử dụng những hình ảnh đã được phân mảnh để xây dựng lại những pixel.

Tham khảo : https://developers.google.com/speed/webp

2. Ưu điểm của Webp

• Tăng hiệu suất trang Web : Định dạng WebP nhẹ hơn so với JPEG và PNG. Kích thước file hình ảnh nhỏ hơn sẽ làm tăng tốc độ tải của trang web.
  So với hình ảnh GIF chỉ hỗ trợ nén không mất dữ liệu. WebP hỗ trợ cả nén mất dữ liệu và không mất dữ liệu, các kỹ thuật nén mất dữ liệu của WebP rất phù hợp với các hình ảnh động được tạo từ video trong thế giới thực, một nguồn hình ảnh động ngày càng phổ biến.
• Việc xử lý hình ảnh chất lượng với kích thước nhỏ sẽ giúp tiết kiệm được băng thông – dung lượng truy cập website.
• Hiệu suất tốc độ tải trang được nâng lên cùng với việc Webp mất ít thời gian hơn khi xử lý giải mã tìm kiếm cũng sẽ được google đánh giá cao và có thứ hạng cao trong SEO

3. Nhược điểm của Webp

• Định dạng webp còn khá mới nên chưa được hỗ trợ rộng rãi ở một số phần mềm.
• Mặc dù hỗ trợ WebP trên các trình duyệt web phổ biến ngày càng được cải thiện trong những năm qua, tuy nhiên vẫn còn một số trình duyệt vẫn không hỗ trợ loại file này.

4. Cài đặt webp trên server

Sử dùng bằng lệnh

#apt install webp

Cài đặt webp bằng link download trực tiếp

Link download trực tiếp: https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html

Sau đó giải nén package đã tải về bằng lệnh tar -xvf tênfilenén

Với cách cài đặt thủ công thì bạn cần phải cài đặt thêm biến môi trường.

#nano ~/.bashrc

Thêm vào cuối file

export PATH=$PATH:/home/user/libwebp-1.2.1-linux-x86-64/bin

5. Sử dụng Webp để chuyển đổi định dạng ảnh

#cwebp -q 80 old_image.png -o new_image.webp

Trong đó -q 80 tương ứng với chất lượng hình ảnh (quality) là 80%.

6. Tạo script tự động convert ảnh bằng webp

Tạo 1 file sh

#nano scriptcovert.sh

lưu tại thư mục bất kỳ với nội dung sau

#!/bin/sh MONITORDIR=”/home/abcde/test-webp” inotifywait -m -r -e move -e create –format ‘%w%f’ “${MONITORDIR}” | while read NEWFILE;do echo “File has ${NEWFILE} been created” if [ ! -f “${NEWFILE%.*}.webp” ]; then sleep 10 cwebp -q 80 “${NEWFILE}” -o “${NEWFILE%.*}.webp” fi done

File này mục đích để giám sát những hình ảnh trong thư mục /home/abc/test-webp được tạo ra hoặc được di chuyển vào thì nó sẽ tự động tạo ra 1 file webp

Chúc bạn thành công

Bạn có tham khảo thêm bài viết về webp tại đây

P.A Việt Nam cung cấp đa dạng các cấu hình Máy Chủ Ảo và Máy Chủ Riêng
Cloud Server
Cloud Server Pro
Máy Chủ Riêng

Tham khảo các ưu đãi: https://www.pavietnam.vn/vn/tin-khuyen-mai/