Site icon Knowledge Base| Kiến thức Dịch vụ P.A Việt Nam

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

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

 

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

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/

3.3/5 - (3 bình chọn)
Exit mobile version