Hướng dẫn tạo ảnh WebP miễn phí với plugin WebP Converter for Media đầy đủ và chi tiết.
Trong 2 bài viết trước, tôi đã hướng dẫn cho các bạn cách tối ưu hình ảnh bằng plugin reSmush.it Image Optimizer và Robin Image Optimizer rồi phải không nào? Nếu chưa xem, bạn có thể theo dõi trong phần link tham khảo bên dưới. Một nhược điểm của 2 plugin này là chúng không hỗ trợ tạo ảnh WebP đối với phiên bản miễn phí. Do đó, nếu muốn sử dụng định dạng ảnh WebP, chúng ta sẽ cần phải cài đặt thêm một plugin khác để bổ trợ tính năng. Và plugin mà tôi đang muốn giới thiệu đến các bạn trong bài viết hôm nay chính là WebP Converter for Media.
Tham khảo thêm:
- Hướng dẫn nén ảnh bằng plugin reSmush.it Image Optimizer
- Hướng dẫn nén ảnh bằng plugin Robin Image Optimizer
Tại sao bạn nên chọn WebP Converter for Media?
- Hoàn toàn miễn phí, không có bất cứ giới hạn nào.
- Ảnh WebP được đặt trong thư mục riêng (nằm ngang hàng với thư mục
uploads
, có tên làuploads-webpc
), có thể dễ dàng xóa bỏ nếu bạn không còn nhu cầu sử dụng ảnh WebP nữa. - Hỗ trợ tạo định dạng WebP cho cả ảnh JPG, JPEG, PNG và GIF.
- Tự động load ảnh WebP sau khi tạo (thông qua 1 file .htaccess nằm trong thư mục
uploads
), bạn không cần phải làm gì thêm. - Tích hợp tính năng xóa những ảnh WebP có dung lượng cao hơn ảnh gốc.
Tạo ảnh WebP miễn phí với WebP Converter for Media
1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin WebP Converter for Media (download).
2. Tiếp theo, truy cập Settings => WebP Converter. Tại đây, các bạn sẽ thấy một số thiết lập như sau.
Trong đó:
- List of supported files extensions: tick vào các định dạng ảnh mà bạn muốn tạo thêm phiên bản WebP.
- Conversion method: lựa chọn phương pháp tạo ảnh WebP (sử dụng module GD hoặc Imagick trong PHP). Việc này yêu cầu bạn phải kích hoạt 2 module là
gd
vàimagick
trong PHP của host. Dịch vụ WordPress Hosting do WP Căn bản cung cấp đã mặc định được bật sẵn 2 module này nên các bạn không cần làm nữa.
- Automatic removal of WebP files larger than original: tự động xóa bỏ các hình ảnh WebP có kích thước lớn hơn ảnh gốc. Các bạn nên kích hoạt tính năng này vì không phải lúc nào ảnh WebP cũng nhẹ hơn ảnh JPG.
- Browser Caching for WebP files (saving images in browser cache memory): bật tính năng cache trình duyệt cho định dạng ảnh WebP. Các bạn nên kích hoạt nó.
- Images quality: lựa chọn mức chất lượng ảnh WebP so với ảnh gốc. Các bạn nên chọn khoảng 85%.
Sau khi thiết lập xong, click vào nút Save Changes để lưu lại.
3. Kéo xuống phía dưới, click vào nút Regenerate All để bắt đầu quá trình tạo ảnh WebP. Các bạn có thể tick vào mục Skip converted images để bỏ qua những ảnh đã tạo trước đó nhằm tiết kiệm thời gian.
4. Sau khi hoàn tất, các bạn sẽ nhận được thông báo trông giống như thế này.
5. Việc cuối cùng là xóa cache website, cache trình duyệt và cache CDN (nếu có) rồi kiểm tra kết quả.
Thật đơn giản phải không nào? Chúc các bạn thành công!
WP Căn bản đang sử dụng định dạng ảnh WebP, còn bạn thì sao? Theo bạn có nên sử dụng định dạng ảnh WebP hay không? Hãy cho chúng tôi biết ý kiến của bạn thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Bạn làm 1 bài viết về định dạng ảnh mới avif và các dùng trên wordpress được không
Ra Tết bạn nhé. :)
Anh cho e hỏi là đối với những web mình đã đổi thư mục upload ảnh mặc định sang thư mục “images” nằm ngang hàng với thư mục “wp-content” thì có nên thay đổi đường dẫn của thư mục “uploads-webpc” không ạ. e đã đọc FAQ của plugin thì e thấy là có nhưng em vẫn không biết là mình sẽ chèn vào mục “.htaccess”ở trong thư mục “uploads-webpc” của plugin hay ở ngoài trang nữa ạ. Với còn một phần e hơi khó hiểu ở mục cấu hình cho máy chủ Nginx họ yêu cầu chèn 2 đoạn vào file “.htaccess” nhưng e chèn vào thì thấy không thay đổi gì. Vậy a có thể chỉ cho em là em nhầm ở đâu không ạ. Em cảm ơn.
Cũng đã thử nhưng thấy có vẻ ko thay đổi mấy, nên thui chơi tiny để nén dung lượng ảnh xuống
Thực ra nếu bạn muốn tạo ảnh WebP thì plugin LiteSpeed Cache cũng có sẵn đấy. Cần gì dùng plugin của bên thứ 3. :P
Không biết gì về code có thể đưa ảnh WebP lên được không admin ơi
Khó lắm bạn ơi, trừ khi bạn dùng nền tảng WordPress. :)
Web bên này có hình rất nhiều, có nên sử dụng không Admin?
Ảnh nhiều thì không nên đâu sếp. Nó x2 số file lên đấy. Dung lượng lưu trữ thì ít nhất cũng x1.5. :P
Đánh đổi chọn 1 trong 2 thôi bác. Muốn có tốc độ thì chấp nhận cần thêm bộ nhớ. Còn Nếu muốn nhẹ bộ nhớ thì web load chậm hơn chút.