Công cụ hỗ trợ nén hình ảnh giúp tăng tốc độ tải trang cho blog/ website WordPress đã được nhiều người biết đến, trong đó có plugin WP Smush.It của wpmudev với hơn 1.000.000 lượt tải về. Tuy nhiên, theo đánh giá của tôi, còn một plugin khác cũng rất phổ biến và tốt hơn cả Smush.It, đó là EWWW Image Optimizer với hơn 600.000 lượt tải về.
Có thể tìm hiểu thêm thông tin tại đây:
- Áp dụng định dạng WebP cho hình ảnh trên nền tảng WordPress.
- Cách sử dụng Progressive JPEG trong WordPress như thế nào?
Tốc độ nén của EWWW Image Optimizer [EIO] nhanh hơn và tối ưu hóa cũng hiệu quả hơn WP Smush.It, vì vậy tôi tin rằng EIO là công cụ tốt hơn. Bằng chứng rõ ràng là nhiều hình ảnh được nén bằng EIO giảm được nhiều dung lượng hơn so với Smush.It, trong khi chất lượng vẫn giữ nguyên. Ngoài ra, EIO còn có nhiều tính năng hữu ích mà Smush.It không có. Ví dụ, EIO có thể chuyển đổi định dạng hình ảnh từ GIF sang PNG, PNG sang JPG và ngược lại. Điều này giúp tăng tốc độ tải trang và tiết kiệm không gian lưu trữ vì dung lượng của file GIF > PNG > JPG. Tôi đã sử dụng EIO thay cho Smush.It trên blog của mình và không gặp phải bất kỳ lỗi tối ưu hóa hình ảnh nào khi kiểm tra với các công cụ hiệu suất website.
Chức năng tạo định dạng hình ảnh WebP miễn phí sẵn có trong EIO. Nếu bạn chưa quen thuộc với WebP và tác dụng của nó, vui lòng tham khảo liên kết ở đầu bài viết. Bên cạnh đó, còn một số tính năng khác.
Yêu cầu để sử dụng EWWW Image Optimizer
Để sử dụng EIO hoàn toàn miễn phí, exec function trong PHP trên hosting của bạn phải được kích hoạt.
Việc thay đổi phiên bản PHP thường không có ảnh hưởng đáng kể, miễn là exec đã được tắt trên tất cả các phiên bản PHP, nhà cung cấp sẽ tự động tắt. Nếu tính năng này bị tắt trên host của bạn, bạn cần liên hệ với nhà cung cấp để yêu cầu mở nó. Nếu họ từ chối vì lý do bảo mật, bạn cần phải chuyển host. Nếu bạn sử dụng HawkHost hoặc StableHost, bạn có thể yên tâm sử dụng EIO vì những nhà cung cấp này không tắt exec trong PHP.
Bạn cũng có thể sử dụng các công cụ nén ảnh trực tuyến miễn phí như TinyPNG hoặc Compressor.Io.Nếu bạn đủ khả năng tài chính và host bị ngưng hoạt động, hãy mua gói Nén đám mây để nén hình ảnh bằng Khóa API. Bên cạnh đó, bạn cũng có thể sử dụng các công cụ nén ảnh trực tuyến miễn phí như TinyPNG hoặc Compressor.Io.
Hướng dẫn sử dụng EWWW Image Optimizer
Để bắt đầu, trước hết bạn phải tải và bật plugin EWWW Image Optimizer [tải về].
Để thiết lập các mục, bạn có thể truy cập vào Settings, sau đó chọn EWWW Image Optimizer và vào Basic Settings.
Chuyển sang tab Cài đặt WebP và cấu hình theo hình bên dưới:
Để ghi lại, hãy bấm vào nút Lưu Thay Đổi. Ngay sau đó, bạn sẽ được cung cấp một mã mod_rewrite để chèn vào tệp .Htaccess. Mã này giúp hiển thị định dạng ảnh WebP trên các trình duyệt được hỗ trợ như Chrome, Opera…
- Nếu bạn đang dùng web server là Apache hay LiteSpeed, vui lòng nhấn vào nút Thêm Quy tắc Viết lại để chèn mã tự động. Trong trường hợp plugin không cho phép thêm mã vào file .Htaccess, hãy sao chép nội dung và dán vào cuối file .Htaccess thông qua FTP hoặc Quản lý Tập tin của cPanel/DirectAdmin.
- Nếu mã bên trên không có hiệu quả hoặc máy chủ web của bạn là NginX, vui lòng chọn tùy chọn Tái viết WebP thay thế và nhấp vào nút Lưu thay đổi một lần nữa.
Những tính năng khác vẫn có thể sử dụng mặc định hoặc tìm hiểu thêm tùy ý.
Khi đã thiết lập, EIO sẽ tự động sắp xếp các hình ảnh bạn tải lên. Tuy nhiên, để sắp xếp các hình ảnh đã tải lên trước đó, bạn cần vào phần Media => Bulk Optimize. Tại đây, chỉ cần vài cú nhấp chuột, bạn có thể sắp xếp toàn bộ hình ảnh đã tải lên cũng như ảnh của chủ đề, plugin.
Đợi quá trình quét hoàn tất bằng cách nhấp vào nút Scan để tìm hình ảnh chưa được tối ưu, sau đó bấm nút Bắt đầu tối ưu để nén ảnh.
Bạn có thể vào phần Media => Thư viện để nén từng hình ảnh theo ý muốn bằng cách nhấn vào nút Re-tối ưu hoặc chuyển đổi định dạng các tập tin ảnh. Bên cạnh đó, bạn còn thể chọn cách thực hiện tương tự.
Việc áp dụng phần mở rộng EWWW Image Optimizer có thể mang lại hiệu quả đáng kể, nhưng đồng thời cũng sẽ ảnh hưởng đến dung lượng lưu trữ của máy chủ khi phải chứa định dạng ảnh WebP [nếu chức năng này được kích hoạt]. Bên cạnh đó, việc sử dụng công cụ này cũng có thể làm giảm chất lượng hình ảnh. Do đó, khi áp dụng trên các máy chủ có dung lượng lưu trữ giới hạn hoặc trên các trang web cần hiển thị hình ảnh chất lượng cao, bạn nên xem xét kỹ lưỡng trước khi sử dụng.
Xem thêm : Object Storage
Xin chia sẻ với chúng tôi tiện ích nào bạn đang dùng để tối ưu hình ảnh trên trang web/của mình và đánh giá tác dụng của chúng thông qua khung bình luận bên dưới.
Hãy đăng ký theo dõi blog của tôi nếu bạn yêu thích bài viết này để luôn được cập nhật những bài viết tuyệt vời và mới nhất thông qua email. Xin cảm ơn bạn rất nhiều nếu bạn làm điều đó. 🙂