Imagify Là Gì – Hướng Dẫn Nén Và Tối Ưu Hình Ảnh

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
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

Sau khi cài đặt plugin, bạn truy cập trang imagify.io.

truy cập trang chủ imagify

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

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

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

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

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

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

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

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

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

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
Van Khai Cris

Van Khai Cris

Chào bạn mình là Van Khai Cris một chàng trai 9x đến từ vùng đất Tây Nguyên đầy nắng và gió, mình đã có hơn 5 năm kinh nghiệm trong lĩnh vực WordPress , Google Ads và MMO. Mọi kiến thức mình chia sẻ đều hướng đến sự đơn giản và hữu ích dành cho người mới, rất vui khi được kết nối cùng bạn.

guest

3 Bình luận
Đánh giá
Xem toàn bộ bình luận
Jessica
Jessica
01/04/2024 5:28 chiều

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 ạ :(((

Jessica
Jessica
03/04/2024 8:44 chiều
Trả lời  Van Khai Cris

dạ mình cảm ơn ạ 🙁

3
0
Để lại bình luận hoặc câu hỏix