Hình ảnh đôi khi sẽ làm chậm trang web của bạn. Nhưng hình ảnh vẫn rất cần thiết cho website của bạn, bạn không thể bỏ qua hình ảnh để tối ưu hiệu suất cho web. Vậy bạn cần làm thế nào để cân bằng được cả 2 điều này?
Để tận dụng tốt nhất cả hai, bạn có thể sử dụng plugin tối ưu hóa hình ảnh Website để tối ưu hóa hình ảnh khiến chúng không chiếm nhiều không gian. Bạn vẫn có thể sử dụng hình ảnh cho người đọc và trang web của bạn vẫn tải nhanh. Và dĩ nhiên đó là giải pháp cực kỳ có lợi
Khi nói đến các plugin tối ưu hóa hình ảnh Website, có khá nhiều tùy chọn chất lượng. Và để giúp bạn tìm ra plugin nhất trong số các plugin, chúng tôi sẽ đưa sáu plugin trong số đó vào thử nghiệm trong bài viết này.
Sáu plugin tối ưu hóa hình ảnh Website chúng tôi sẽ so sánh
Dưới đây là sáu plugin tối ưu hóa hình ảnh Website mà chúng tôi sẽ kiểm tra và so sánh:
- Optimole – Tối ưu
- Imagify
- Smush Image Compression and Optimization – Nén hình ảnh tối ưu hóa
- EWWW Image Optimizer – Trình tối ưu hóa hình ảnh EWWW
- ShortPixel Image Optimizer – Trình tối ưu hóa hình ảnh ShortPixel
- Compress JPEG & PNG images by TinyPNG – Nén hình ảnh JPEG & PNG bằng TinyPNG
Để bắt đầu, chúng tôi sẽ kiểm tra xem mỗi plugin có thể nén bao nhiêu hình ảnh mẫu. Sau đó, chúng tôi sẽ chuyển sang giao diện thực tế cho từng plugin và cho bạn thấy cách thức hoạt động của nó.
Thử nghiệm thực hành với sáu plugin tối ưu hóa hình ảnh
Để thử nghiệm các công cụ này, chúng tôi muốn xem mỗi plugin có thể tối ưu hóa hiệu quả của cùng một hình ảnh như thế nào.
Điều này có một chút khó khăn, vì một số plugin tối ưu hóa hình ảnh Website cung cấp các mức độ tối ưu hóa khác nhau . Chẳng hạn, Imagify có các chế độ tối ưu hóa Bình thường, Tích cực và Nhanh.
Ngoài ra, một số trình tối ưu hóa cung cấp các công cụ thay đổi kích thước tự động, có thể cắt giảm kích thước tệp một cách quyết liệt.
Vì những khác biệt đó, thật khó để đưa ra một so sánh khách quan. Đây là cách chúng tôi sẽ làm điều đó:
- Chúng tôi sẽ chạy hai bài kiểm tra: một cho tệp JPG và một cho PNG.
- Chúng tôi sẽ sử dụng các cài đặt mặc định cho tất cả các plugin và không thay đổi kích thước ảnh.
Mặc dù đó không phải là một so sánh hoàn hảo. Bằng cách tuân thủ các cài đặt mặc định, chúng tôi đang cố gắng mô phỏng trải nghiệm cho một người dùng thông thường. Nghĩa là người dùng bình thường sẽ cài đặt plugin và không gây rối với quá nhiều cài đặt mặc định.
Kiểm tra từng trình tối ưu hóa hình ảnh Website với các tệp JPG
Bám sát với các cài đặt mặc định, ShortPixel là người chiến thắng rõ ràng, đi kèm với việc giảm ~ 67% kích thước tệp bằng cách sử dụng tính năng nén mất mát của nó. TinyPNG có được vị trí thứ hai, nhưng đó là một chút tốt trở lại. Và mặc dù vẫn sử dụng tính năng nén mất dữ liệu, Imagify chỉ quản lý để thu nhỏ hình ảnh ~ 34%.
Kiểm tra từng trình tối ưu hóa hình ảnh Website với các tệp PNG
Đây là hình ảnh thử nghiệm PNG:
Lần này, sự cạnh tranh khốc liệt hơn. Giờ đây, plugin Tối ưu hóa hình ảnh Optimole chiếm vị trí hàng đầu với tối ưu hóa 88,7%. Và TinyPNG và ShortPixel bám sát ngay sau đó.
Như bạn có thể nhận thấy, đó là những plugin tương tự mà chúng tôi thấy hoạt động tốt trong thử nghiệm JPG. Điều đó có nghĩa là họ chắc chắn tốt hơn? Không. Nhưng nó cho thấy rằng họ đã sẵn sàng để thực hiện tốt nhất, và đó là một yếu tố rất lớn.
Nếu người dùng trung bình không thể hoàn thành xếp hạng nén 70% mà không nâng cấp lên phí bảo hiểm hoặc chuyển đổi cài đặt, tôi sẽ đặt một plugin như thế ở cuối danh sách của mình.
Vì vậy, sau hai thử nghiệm tối ưu hóa trong thế giới thực, những plugin chiến thắng là Imagify, ShortPixel, Optimole và TinyPNG.
Lưu ý: Bạn có thể thấy rằng sự xuống cấp hình ảnh phổ biến hơn với các cài đặt tối ưu hóa cực đoan. Chẳng hạn, tôi thực sự nhận thấy một sự khác biệt rõ ràng trong cách PNG nhìn qua Optimole – vì theo mặc định, plugin đó trở nên tích cực hơn với việc thu nhỏ tệp của nó.
Giao diện, tính năng và giá cả
Tối ưu hóa là yếu tố quan trọng nhất, nhưng bạn vẫn muốn đảm bảo rằng bạn không phải trả quá nhiều – hoặc giao diện không quá khó hiểu.
Dịch vụ tối ưu hóa hình ảnh của Optimole
Giao diện thế nào?
Plugin tối ưu hóa hình ảnh của Optimole khá hiện đại, với hầu hết các công cụ chạy trong nền mà bạn không biết. Nó yêu cầu tạo tài khoản nhanh và chèn khóa API. Sau đó, bạn có thể xem tất cả hình ảnh được tối ưu hóa trong bảng điều khiển và sửa đổi một số cài đặt nhất định như thay thế hình ảnh, thay đổi kích thước hình ảnh lớn, chất lượng nén và tải lười biếng. Optimole cũng có bảng điều khiển riêng bên ngoài WordPress. Tại đây bạn có thể tìm thấy thông tin chi tiết hơn như kích thước tối ưu hóa và báo cáo hàng tháng.
Các tính năng như thế nào?
Tất cả tối ưu hóa hình ảnh được thực hiện tự động với Optimole. Nó cũng được cung cấp bởi CDN, do đó bạn không phải lo lắng về việc hình ảnh của mình tải chậm. Theo dõi và giám sát là một trong những tính năng tốt nhất, vì bạn nhận được chi tiết rất cụ thể về những gì đang xảy ra với hình ảnh của bạn và bao nhiêu không gian đang được lưu. Cùng với việc lười tải và thay đổi kích thước hình ảnh, đây là một gói đẹp mà không cần phải trả bất kỳ khoản tiền nào.
Giá cả thế nào?
Gói miễn phí cho phép 1GB hình ảnh mỗi tháng, CDN và 10GB băng thông xem mỗi tháng. Ba gói khác được bán, bắt đầu từ $ 29 mỗi tháng cho 15 GB mỗi tháng và 100 GB băng thông xem. CDN cũng mạnh hơn trong các kế hoạch trả phí.
Imagify
Giao diện thế nào?
Imagify có mô-đun Cài đặt ổn định nhất trong danh sách này. Nó được chia thành Cài đặt chung, Tối ưu hóa và Tùy chọn hiển thị, chỉ có một trang để quản lý cài đặt. Tôi thích cách các chế độ tối ưu hóa là các nút lớn. Ngoài ra, So sánh trực quan giữa các chế độ tối ưu hóa cho bạn ý tưởng nên sử dụng chế độ nào.
Các tính năng như thế nào?
Trong thử nghiệm tối ưu hóa, Imagify thực hiện tốt. Tuy nhiên, đó là trên cài đặt tối ưu hóa xâm lấn mặc định. Bạn cũng có thể đi với Bình thường (lossless) và Ultra (mất nhiều hơn). Vì vậy, bạn có thể nén hình ảnh của mình nhiều hơn hoặc ít hơn nếu bạn lo lắng về chất lượng.
Ngoài ra, hầu hết các tính năng có thể được thiết lập để tự động hóa. Chẳng hạn, bạn có thể thay đổi kích thước tất cả các hình ảnh theo chiều rộng cụ thể. Thậm chí còn có một công cụ để tối ưu hóa website .
Giá cả thế nào?
Giá được dựa trên kích thước tập tin thực tế của tải lên hình ảnh của bạn . Ít hơn 1GB mỗi tháng là ổn đối với gói miễn phí, nhưng sau đó, các gói bắt đầu ở mức 4,99 đô la mỗi tháng.
Tối ưu hóa và nén hình ảnh
Giao diện thế nào?
Smush có một giao diện đẹp với các yếu tố chủ động hỏi bạn có muốn tối ưu hóa cả ảnh cũ và ảnh mới không. Ưu điểm chính của Smush là lượng thông tin được cung cấp về hình ảnh của bạn và lượng không gian bạn đã lưu.
Các tính năng như thế nào?
Thay đổi kích thước và tối ưu hóa đều được bao gồm với hình ảnh mới và cũ. Công cụ tối ưu hóa số lượng lớn rất phù hợp khi bạn có một vài bức ảnh.
Trong phiên bản miễn phí, bạn chỉ có thể tối ưu hóa hàng loạt 50 hình ảnh cũ cùng một lúc, vì vậy bạn có thể cần phải nhấp vào nút một vài lần nếu bạn có nhiều hình ảnh.
Giá cả thế nào?
Một trong những lợi ích của Smush là nó cho phép bạn tối ưu hóa hình ảnh không giới hạn miễn phí. Có hai lưu ý:
- Bạn chỉ có thể sử dụng nén không mất dữ liệu trong phiên bản miễn phí
- Hình ảnh cá nhân không thể vượt quá 1MB
Để loại bỏ giới hạn đó và bị nén mất dữ liệu, bạn có thể sử dụng WP Smush Pro . Plugin cao cấp này được bao gồm trong gói phát triển WPMUDEV với giá $ 49 mỗi tháng. Đó là một mức giá cao nếu bạn chỉ cần plugin này, nhưng nhiều nhà phát triển yêu thích đăng ký vì bạn có mọi thứ bạn cần để tạo dựng website.
Trình tối ưu hóa hình ảnh EWWW
Giao diện thế nào?
EWWW là một trong những giao diện yêu thích ít nhất của tôi, vì nó trông dễ nhìn và hiển thị sáu tab mà bạn phải chọn lọc. Điều đó nói rằng, các tính năng mặc định thường tốt cho hầu hết mọi người, vì vậy bạn không phải loay hoay nhiều.
Các tính năng như thế nào?
EWWW cung cấp tối ưu hóa JPG, PNG, GIF và PDF. Ngoài ra còn có các tùy chọn cho cả nén và mất dữ liệu. Lợi ích chính là EWWW không có giới hạn về kích thước tệp hoặc số lượng hình ảnh được tải lên.
Ngoài ra, phiên bản EWWW miễn phí thực hiện tối ưu hóa trên máy chủ web của riêng bạn , trong khi tất cả các công cụ khác sử dụng máy chủ bên ngoài. Điều này là tốt cho các trang web tập trung vào quyền riêng tư. Nhưng nó có thể gây căng thẳng cho máy chủ của bạn nếu bạn tối ưu hóa nhiều hình ảnh cùng một lúc.
Giá cả thế nào?
Plugin EWWW chính là miễn phí. Bạn cũng có thể trả tiền để truy cập API nếu bạn muốn giảm tải công việc cho máy chủ của người khác – nhưng bạn không cần phải làm điều đó.
Trình tối ưu hóa hình ảnh ShortPixel
Giao diện thế nào?
Bảng điều khiển của ShortPixel tương tự như Imagify nhưng có thêm các tab cho các tính năng nâng cao. Người dùng trung bình có thể đi với các cài đặt mặc định và trang chính chủ yếu là nơi bạn sẽ sử dụng.
Các tính năng như thế nào?
ShortPixel cho phép bạn chọn từ các chế độ Lossy, Glossy, và Lossless. Bạn cũng có thể thay đổi kích thước hình ảnh lớn khi tải lên và xem bạn đã lưu bao nhiêu dung lượng.
ShortPixel cũng có một số tính năng khác mà người dùng cao cấp hơn sẽ thích, bao gồm:
- Tối ưu hóa PDF
- Hỗ trợ hình ảnh WebP
- Tích hợp Cloudflare nếu bạn đang sử dụng CDN
Giá cả thế nào?
ShortPixel cung cấp 100 tín dụng hình ảnh miễn phí mỗi tháng. Nếu bạn cần thêm, các gói bắt đầu ở mức 4,99 đô la cho 5.000 tín dụng hình ảnh. Không có giới hạn kích thước tập tin cho hình ảnh cá nhân.
Nén hình ảnh JPEG & PNG bằng TinyPNG
Giao diện thế nào?
Plugin TinyPNG bám sát những điều cơ bản, với trang Cài đặt đơn giản, gọn gàng . Có thể mất 20 giây để hiểu những gì đang diễn ra và kích hoạt quy trình tối ưu hóa tự động của bạn.
Các tính năng như thế nào?
TinyPNG tự động nén và thay đổi kích thước hình ảnh khi tải lên. Nó cũng có các tùy chọn để tối ưu hóa hình ảnh được tải lên trước đó. Cùng với việc không có giới hạn kích thước tệp và hỗ trợ WooC Commerce , đây là một plugin khá hấp dẫn.
Giá cả thế nào?
Số lượng tải lên miễn phí được giới hạn ở mức 500 mỗi tháng. Sau đó, giá khởi điểm là 0,009 đô la cho mỗi hình ảnh cho 9.500 hình ảnh tiếp theo.
Bạn nên đi với trình tối ưu hóa hình ảnh Website nào?
- Optimole – Đối với gói miễn phí khá mạnh và bao gồm CDN, lười tải và giúp luôn hiển thị phiên bản hình ảnh được tối ưu hóa cụ thể cho màn hình và thiết bị của người xem.
- Tưởng tượng – Để nén tuyệt vời, tính năng và giao diện.
- Smush – Để nén không mất dữ liệu miễn phí không giới hạn ( với tối đa 1 MB cho mỗi hình ảnh) .
- EWWW – Để tối ưu hóa hình ảnh WordPress miễn phí và không giới hạn kích thước tệp. Chỉ cần nhớ nó hoạt động trên máy chủ của riêng bạn.
- ShortPixel – Đối với một số tối ưu hóa tốt nhất và giao diện đẹp nhất.
- TinyPNG – Để tối ưu hóa tuyệt vời và đơn giản nhất trong tất cả các giao diện.
