Hình ảnh là một trong những thành phần chiếm dung lượng lớn nhất trên mỗi trang web vì vậy bạn cần tối ưu hình ảnh ngay sau khi tải lên, đối với website WordPress thì việc sử dụng plugin tối ưu hình ảnh như Imagify hoặc ShortPixel là cách nhanh gọn nhất. Imagify có đầy đủ các tính năng cơ bản như nén, resize, crop, chuyển ảnh sang định dạng WebP, AVIF…
Cài đặt plugin Imagify cho WordPress
Như mình đã nói ở trên Imagify là một plugin giúp bạn nén, crop, thay đổi định dạng của hình ảnh… đây là một plugin miễn phí hoạt động trên nền tảng WordPress, bậc miễn phí Imagify cho phép nén tổng dung lượng 20 MB/tháng, nếu có nhu cầu cao hơn hãy mua gói 5.99$/tháng của Imagify nhé, gói này có thể nén 500 MB/tháng tương đương với khoảng 5000 hình ảnh.
![thương hiệu imagify](https://sanmawp.com/wp-content/uploads/2024/03/thuong-hieu-imagify.png)
Imagify
Nén ảnh, tạo ảnh AVIF chỉ từ 5.99$/tháng
Bạn tải file zip của plugin Imagify sau đó chọn cài đặt và kích hoạt.
![tải và cài đặt plugin imagify](https://sanmawp.com/wp-content/uploads/2024/03/tai-va-cai-dat-plugin-imagify.png)
Sau khi cài đặt plugin, bạn truy cập trang imagify.io.
![truy cập trang chủ imagify](https://sanmawp.com/wp-content/uploads/2024/03/truy-cap-trang-chu-imagify.png)
Tại đây bạn cần đăng ký một tài khoản miễn phí để lấy API key, chọn create one như hình.
![đăng ký một tài khoản miễn phí tại imagify](https://sanmawp.com/wp-content/uploads/2024/03/dang-ky-mot-tai-khoan-mien-phi-tai-imagify.png)
Khi đã hoàn tất các bước đăng ký bạn chọn vào mục api-integration, copy mã API.
![lấy api key cho plugin imagify](https://sanmawp.com/wp-content/uploads/2024/03/lay-api-key-cho-plugin-imagify.png)
Cuối cùng bạn truy cập mục cài đặt > Imagify và điền mã API vào.
![điển imagify api key vào website wordpress](https://sanmawp.com/wp-content/uploads/2024/03/dien-api-key-imagify-vao-website-wordpress.png)
Cấu hình cơ bản cho Imagify
Ở mục general settings sẽ có các tùy chọn cơ bản như sau:
- Auto-Optimize images on upload: tùy chọn giúp tự động tối ưu hình ảnh ngay sau khi upload, nên bật
- Backup original images: backup các hình ảnh gốc, các hình gốc sẽ được lưu ở thư mục /wp-content/uploads/backup, tùy vào nhu cầu có thể bật hoặc tắt
- Lossless compression: đây là tùy chọn nén ảnh ít mất dung lượng cũng đồng nghĩa với chất lượng ảnh gần như giữ nguyên, dạng nén này phù hợp với những nhiếp ảnh gia hoặc người có yêu cầu khắt khe về chất lượng ảnh
![các thiết lập general setting plugin imagify](https://sanmawp.com/wp-content/uploads/2024/03/cac-thiet-lap-general-setting-plugin-imagify.png)
Tiếp theo đền phần Create AVIF versions of images, đây là tùy chọn giúp chuyển hình ảnh sang định dạng AVIF, đây là định dạng ảnh mới có dung lượng cực thấp đồng thời giữ tối đa chất lượng hình ảnh, lời khuyên của mình là nên tắt tùy chọn này.
Hiện Imagify đã thay thế tùy chọn chuyển ảnh WebP sang AVIF, để setup hình ảnh AVIF hoặc WebP trên website WordPress đòi hỏi bạn phải tùy chỉnh code rất nhiều, với người mới thì đây một công việc khá khó khăn, theo mình bạn chỉ cần nén và lazy loading hình ảnh là đủ, trên các plugin WP Rocket, LiteSpeed Cache hay Swift Performance đều có sẵn tính năng lazy loading.
![các thiết lập AVIF trên website wordpress](https://sanmawp.com/wp-content/uploads/2024/03/cac-thiet-lap-avif-tren-website-wordpress.png)
Phần resize, plugin sẽ tự động thay đổi kích thước về chiều rộng đã chọn, mình thường để chiều rộng tối đa là 1200px.
![toi uu kich thuoc va thumbnail imagify](https://sanmawp.com/wp-content/uploads/2024/03/toi-uu-kich-thuoc-va-thumbnail-imagify.png)
Mặc định WordPress sẽ tạo rất nhiều hình ảnh có kích thước khác nhau để phù hợp với từng thiết bị ví dụ như: mobile, tablet, deskop… phần này chọn select all để Imagify tối ưu tất cả.
![tối ưu các hình ảnh thumbnail với imagify](https://sanmawp.com/wp-content/uploads/2024/03/toi-uu-cac-hinh-anh-thumbnail-voi-imagify.png)
Tùy chọn custom folder sẽ giúp tối ưu hình ảnh ở những thư mục ẩn, chọn add folders và chọn đúng thư mục chứa hình ảnh cần tối ưu.
![tối ưu hình ảnh nằm trong thư mục ẩn imagify](https://sanmawp.com/wp-content/uploads/2024/03/toi-uu-cac-hinh-anh-nam-trong-thu-muc-an-imagify.png)
Cuối cùng là tùy chọn hiển thị số credit còn lại của Imagify, có thể bật tắt tùy ý.
![tùy chọn hiển thị credit imagify](https://sanmawp.com/wp-content/uploads/2024/03/tuy-chon-hien-thi-credit-imagify.png)
Một mẹo nhỏ giúp bạn tối ưu hình ảnh nhanh đó là truy cập vào mục bulk optimization và chọn Imagif’em all, nếu bạn gặp khó khăn gì hãy để lại bình luận mình sẽ cố gắng phản hồi nhanh nhất có thể, chúc bạn thành công.
![tối ưu hình ảnh hàng loạt trên imagify](https://sanmawp.com/wp-content/uploads/2024/03/toi-uu-hinh-anh-hang-loat-tren-imagify.png)
Chào bạn. Cho mình hỏi phần ‘Resize larger images’ mình chọn 800px nó không chịu, bắt buộc để 2048px cơ :(( làm sao mà bạn set 1200px được ạ :(((
mặc định chỉ set được từ 2048px trở lên thôi bạn
dạ mình cảm ơn ạ 🙁