Imagify: làm thế nào để tối ưu hóa hình ảnh của bạn để tăng tốc độ trang web của bạn?

Tưởng tượng biểu trưng
WP Rocket Plugin

Tại sao sử dụng plugin tối ưu hóa hình ảnh?

Tất nhiên có rất nhiều công cụ trực tuyến cho phép chúng tôi tải hình ảnh của mình lên trực tuyến và sau đó lên WordPress: đó là một nỗ lực gấp đôi và có thể mất rất nhiều thời gian nếu chúng tôi đang làm việc với một số lượng lớn các tệp hình ảnh.

Một trình tối ưu hóa hình ảnh WordPress chẳng hạn như Imagify, không chỉ nén hình ảnh của chúng tôi khi tải mà còn có thể thực hiện tối ưu hóa hàng loạt cho tất cả các tệp đã có trong thư viện phương tiện WordPress của chúng tôi.

Một khía cạnh khác cần xem xét là chi phí sử dụng công cụ trực tuyến: hầu hết chúng đều miễn phí, nhưng đôi khi các tính năng tốt nhất chỉ dành cho người dùng cao cấp. Tuy nhiên, nếu công cụ này miễn phí 100% thì khả năng tối ưu hóa là rất ít.

Một lợi thế khác là Imagify có thể hoạt động và tối ưu hóa hình ảnh của chúng tôi trong sức mạnh tổng hợp với WP Rocket, nhờ vào mối quan hệ đối tác giữa hai công ty này. Do đó, đặc biệt hiệu quả khi sử dụng tính năng Lazy Load để cải thiện hiệu suất và SEO cho trang web của chúng tôi.

Cài đặt Imagify

1. Tạo một tài khoản miễn phí

Chúng ta có thể tạo một tài khoản miễn phí bằng cách vào trang Imagify. Cũng có thể truy cập trực tiếp vào bảng quản trị WordPress, sau đó nhấp vào Plugins, sau đó Add New. Chúng ta phải gõ “Imagify” trong trường tìm kiếm và sau đó chúng ta có thể cài đặt và sau đó kích hoạt plugin.

ImMAGIFY - Cài đặt plugin
Cài đặt và kích hoạt plugin


Cũng có thể tải xuống plugin trực tiếp từ trang wordpress.org. Tất cả những gì còn lại là vào bảng quản trị WordPress, sau đó nhấp vào Plugins, sau đó Add New và tải xuống tệp ZIP mà không cần giải nén.
Đối với những người có plugin WP Rocket, bạn có thể cài đặt Imagify bằng cách chuyển đến tab “tối ưu hóa hình ảnh”.
Sau đó, chúng tôi thấy thông báo này xuất hiện:

Cài đặt IMAGIFY và tạo tài khoản
Tạo một tài khoản miễn phí

Chúng tôi chỉ cần nhập một email, không có thông tin cá nhân khác sẽ được yêu cầu. Khi địa chỉ email đã được gửi đi, chúng tôi sẽ nhận được phản hồi có chứa thông tin đăng nhập của chúng tôi. Sau khi nhấp vào liên kết kích hoạt và đăng nhập, chúng ta sẽ có quyền truy cập vào bảng điều khiển Imagify.

2. Nhập khóa API của bạn

Quá trình xác thực được thực hiện bằng khóa API. Điều này có thể được tìm thấy trong email kích hoạt mà chúng tôi nhận được.

Cài đặt IMAGIFY - khóa API
Khóa API hợp lệ

Sau khi sao chép khóa API, chúng ta có thể quay lại trang gốc của mình và nhấp vào nút TÔI CÓ KHÓA API CỦA TÔI. Thao tác này sẽ trả về một hộp thoại có mục nhập để thêm khóa API của chúng tôi. Sau khi nhập khóa API này, chúng ta sẽ thấy một ghi chú có nội dung “Xin chúc mừng! Khóa API của bạn hợp lệ. Giờ đây, bạn có thể định cấu hình cài đặt Imagify để tối ưu hóa hình ảnh của mình”.

Tưởng tượng giá cả

IMAGIFY - Định giá
Định giá

Có thể tối ưu hóa miễn phí 20MB hình ảnh mỗi tháng, tức là khoảng 200 hình ảnh mỗi tháng và nếu bạn muốn có thể tối ưu hóa nhiều hình ảnh hơn, chỉ có gói trả phí: giá $ 9,99 mỗi tháng để truy cập không giới hạn. Trong trường hợp thanh toán hàng năm, tùy chọn này cung cấp 2 tháng miễn phí: plugin sẽ có giá 99,9 đô la mỗi năm hoặc 8,33 đô la mỗi tháng.

Imagify Logo

Định cấu hình IMAGIFY

Bây giờ chúng tôi có quyền truy cập vào cài đặt Tưởng tượng chung và chúng tôi có thể lưu ý rằng chúng tôi có công vì có thể tối ưu hóa hình ảnh trên trang web của mình.

1- Ba tùy chọn tối ưu hóa hình ảnh được cung cấp cho chúng tôi: Bình thường, Linh hoạt, Siêu. Nếu chúng ta không muốn bất kỳ sự sụt giảm nào về chất lượng, chúng ta phải chọn chế độ Bình thường. Tuy nhiên, chế độ Hung hăng là chế độ được khuyến nghị vì nó sẽ hoạt động trong hầu hết các tình huống. Sẽ thực sự rất khó để nhận thấy sự khác biệt nhỏ nhất về chất lượng.

Chế độ Ultra sử dụng mức tối ưu hóa tối đa, cho phép tiết kiệm lớn kích thước hình ảnh, nhưng đổi lại sẽ có một sự giảm sút nhỏ về chất lượng. Có thể sử dụng công cụ so sánh trực quan trực tiếp trên trang web Imagify.

Cài đặt IMAGIFY - cấu hình chung
Ba cấp độ tối ưu hóa

2- Tùy chọn để tự động tối ưu hóa từng hình ảnh mà chúng tôi sẽ gửi đến WordPress. Nếu chúng ta muốn tiết kiệm dung lượng trên máy chủ của mình, chúng ta cũng phải bỏ chọn hộp “Lưu ảnh gốc”. Trong trường hợp này, cần đảm bảo rằng chúng tôi luôn lưu trữ một bản sao của hình ảnh gốc trên máy tính của mình vì sẽ không thể khôi phục những hình ảnh này sau đó.

3- Tùy chọn “Giữ tất cả dữ liệu EXIF ​​của hình ảnh của bạn”. Dữ liệu EXIF ​​là thông tin được lưu trữ trong ảnh như: khẩu độ ống kính, độ phơi sáng, ISO, v.v.

4- Tùy chọn “Tối ưu hóa ở định dạng WebP” và “Tạo phiên bản WebP của hình ảnh của bạn”. Đây là hai cài đặt sẽ cho phép hình ảnh được hiển thị ở định dạng WebP trên trang web của chúng tôi (trừ khi bạn sử dụng một plugin WordPress cụ thể cho việc này). Tùy chọn đầu tiên thêm quy tắc viết lại vào tệp cấu hình trang (.htaccess) và không làm thay đổi mã các trang của bạn. Tùy chọn thứ hai thay thế các thẻ bằng đèn hiệu . Đây là giải pháp được khuyến nghị nhưng một số chủ đề có thể bị hỏng, vì vậy bạn phải đảm bảo mọi thứ hoạt động bình thường.

Cài đặt IMAGIFY - cấu hình chung
Thiết lập WebP

5- Sau đó chúng ta vào thông số “Thay đổi kích thước ảnh lớn hơn”, cho phép tự động thay đổi kích thước ảnh lớn, bằng cách thiết lập một kích thước tối đa. Để tránh giảm chất lượng của hình ảnh, thông thường bạn nên đặt giá trị này bằng khoảng gấp đôi kích thước mà chúng tôi sẽ sử dụng cho hình ảnh. Bạn cũng có thể tắt tính năng này bằng cách bỏ chọn hộp nếu cần.

6- Tối ưu hóa chủ đề WordPress đang sử dụng.

7- Cuối cùng, có thể chọn tối ưu hóa các định dạng nhất định do WordPress tạo ra và loại trừ các định dạng khác. Mỗi định dạng hình ảnh bổ sung sẽ ảnh hưởng đến hạn ngạch sử dụng hàng tháng.

Cài đặt IMAGIFY - cấu hình chung
Tự động thay đổi kích thước hình ảnh

Khi các cài đặt này đã được thực hiện, hãy nhấp vào “Lưu và chuyển đến Tối ưu hóa hàng loạt”. Sau đó, chúng ta chỉ cần kiểm tra thông tin và nhấp vào nút “IMAGIF’EN ALL” để tối ưu hóa hình ảnh.

IMAGIFY Optimisation terminee
Tối ưu hóa thành công

kết quả là gì?

Trong một bài viết trước , tôi đã thử nghiệm WP Rocket. Dưới đây là các hiệu suất thu được sau khi định cấu hình plugin này:

Hiệu suất trang web sau khi tải chậm các khung nội tuyến và hình ảnh video - Plugin WP Rocket
Hiệu suất đạt được nhờ WP Rocket

Và đây là hiệu suất trang web của tôi sau khi cài đặt và định cấu hình Imagify:

Hiệu suất đạt được thông qua tối ưu hóa hình ảnh của Imagify
Hiệu suất đạt được thông qua tối ưu hóa hình ảnh của Imagify

Những kết quả này thực sự xuất sắc, biết rằng chúng ta đang nói về một trang web đã được tối ưu hóa. Tóm lại, tôi chỉ có thể khuyên bạn nên sử dụng Imagify, đặc biệt là vì nó cho phép bạn dễ dàng tạo tài khoản và tối ưu hóa một số hình ảnh miễn phí.

Câu hỏi thường gặp

Định dạng WebP là gì?

Định dạng WebP cung cấp khả năng nén và chất lượng hình ảnh vượt trội, đồng thời là một cách để tối ưu hóa hình ảnh và tăng tốc thời gian tải của chúng trên các trang web.

Tại sao tối ưu hóa hình ảnh cải thiện SEO?

Hình ảnh là một trong những yếu tố chính mà Google xem xét khi đo lường Core Web Vitals. Nén hình ảnh sẽ đảm bảo rằng hình ảnh của bạn tải nhanh hơn và cải thiện hiệu suất tổng thể của trang web của bạn.

Lazy Loading là gì?

Nhờ Lazy Loading, các video và hình ảnh sẽ chỉ được hiển thị dần dần theo điều hướng do người dùng thực hiện, khi cần thiết. Bằng cách này, hiệu suất trang web của bạn được cải thiện, đặc biệt là đối với các trang web có nhiều video nhúng và hình ảnh có độ phân giải cao. Tính năng này, bổ sung cho tính năng nén hình ảnh, được cung cấp bởi WP Rocket.

WP Rocket Plugin
WP Rocket Plugin

This publication is also available in : English Français Español Italiano Deutsch Svenska

Leave a Reply