Các trang tải nhanh sẽ mang lại cho người dùng trải nghiệm tốt hơn khi duyệt trang web của bạn và cải thiện xếp hạng trên công cụ tìm kiếm của trang web. Trong khi nhiều yếu tố có thể góp phần làm cho trang tải chậm, hình ảnh có xu hướng ảnh hưởng lớn nhất đến tốc độ trang, chiếm khoảng một nửa tổng kích thước của trang web trung bình.
Báo cáo Trạng thái lưu trữ HTTP của hình ảnh cho thấy số lượng yêu cầu hình ảnh trung bình trên một trang web là 25, góp phần vào trọng lượng trung bình là 988,5 KB trên trình duyệt máy tính để bàn và 881,9 KB trên điện thoại di động. Tổng trọng lượng của hình ảnh trên các trang web tiếp tục tăng lên mỗi năm, làm mất đi bất kỳ lợi ích nào của việc tốc độ internet ngày càng nhanh hơn theo thời gian.
Nếu bạn đã từng sử dụng một công cụ hiệu suất trang web như GTMetrix, Google PageSpeed Insights hoặc Pingdom Website Speed Test, bạn sẽ biết trực tiếp hình ảnh có thể ảnh hưởng đến điểm hiệu suất của bạn như thế nào. Do đó, điều quan trọng là phải tối ưu hóa mọi hình ảnh được hiển thị trên trang web của bạn để tổng lượng hình ảnh không làm tăng thời gian tải trang.
Nguồn:“Giai đoạn Hình ảnh” - httparchive.org
Trước đây, mỗi hình ảnh phải được tối ưu hóa bằng trình chỉnh sửa ảnh trước khi được tải lên WordPress vì phiên bản cốt lõi của WordPress không cung cấp bất kỳ công cụ hiệu suất nào. Rất may, tác vụ tốn thời gian này không còn cần thiết vì plugin trình tối ưu hóa hình ảnh WordPress bây giờ làm công việc khó khăn cho bạn, tự động nén mọi hình ảnh được tải lên thư viện phương tiện WordPress của bạn.
Để giúp bạn cải thiện thời gian tải trang của trang web, tôi sẽ giải thích cách tối ưu hóa hình ảnh WordPress hoạt động và so sánh các plugin nén hình ảnh WordPress tốt nhất hiện có.
Các Plugin Trình Tối ưu hóa Hình ảnh WordPress Làm gì?
Mục tiêu chung của việc tối ưu hóa hình ảnh WordPress là giảm kích thước của các tệp hình ảnh mà không ảnh hưởng đáng kể đến chất lượng của chúng. Điều này có thể đạt được bằng một số cách.
- Giảm độ phân giải hình ảnh - Giảm chiều rộng và chiều cao của hình ảnh
- Xoá Siêu dữ liệu - Xóa siêu dữ liệu ExiF như ngày tạo, tốc độ màn trập, thông tin bản quyền, vị trí và hơn thế nữa
- Nén hình ảnh - Giảm chất lượng của hình ảnh
- Thay đổi Định dạng Hình ảnh - Chuyển đổi hình ảnh sang định dạng hình ảnh hiệu quả hơn
Mặc dù các plugin tối ưu hóa hình ảnh cho WordPress cung cấp các tính năng khác nhau, nhưng chúng thường hoạt động theo cách tương tự.
Khi nói đến việc nén hình ảnh, bạn có thể chọn nén hình ảnh theo cách thủ công hoặc tự động nén hình ảnh ngay sau khi chúng được tải lên. Nén hàng loạt có thể được sử dụng để tối ưu hóa toàn bộ thư viện phương tiện WordPress của bạn. Đây là một cách thực tế để giảm kích thước tệp của các hình ảnh đã tải lên trước đó, nhưng hãy lưu ý rằng điều này có thể làm chậm trang web WordPress của bạn tạm thời nếu quá nhiều hình ảnh được xử lý trực tiếp trên trang web của bạn cùng một lúc.
Hình ảnh có thể được tối ưu hóa bằng cách sử dụng Lossless hoặc Lossy nén. Với tính năng nén không mất dữ liệu, siêu dữ liệu không cần thiết có thể bị xóa khỏi hình ảnh để giảm kích thước tệp của nó, mặc dù chất lượng hình ảnh gốc vẫn được duy trì. Cũng có thể lưu trữ siêu dữ liệu đã xóa và khôi phục hình ảnh gốc sau này.
Nén mất dữ liệu là tích cực hơn. Điều này dẫn đến kích thước tệp nhỏ hơn, nhưng cũng đồng nghĩa với việc chất lượng hình ảnh bị giảm xuống. Khi một hình ảnh được nén bằng cách sử dụng nén mất dữ liệu, nó sẽ không thể được khôi phục về chất lượng ban đầu. Siêu dữ liệu có thể được giữ nguyên trong hình ảnh nếu bạn muốn, nhưng không thể truy xuất nó sau này nếu nó bị xóa. Rất may, nhiều plugin trình tối ưu hóa hình ảnh WordPress đã giải quyết vấn đề này, cho phép bạn giữ lại hình ảnh gốc để có thể khôi phục sau.
Mỗi phương pháp nén đều có những ưu và nhược điểm, mặc dù nén mất dữ liệu được hầu hết các chủ sở hữu trang web ưa chuộng vì nó giúp giảm kích thước tệp hình ảnh lớn nhất và do đó cải thiện lớn nhất về thời gian tải trang. Các plugin tối ưu hóa hình ảnh cho WordPress có thể cho phép bạn kiểm soát mức độ nén được áp dụng khi bạn sử dụng Lossy, nhưng hãy lưu ý đến thực tế là nén quá nhiều sẽ dẫn đến giảm chất lượng hình ảnh nhiều hơn.
| Loại nén | Ưu điểm | Nhược điểm |
|---|---|---|
| Không lỗ | Không giảm chất lượng hình ảnh | Kích thước tệp hình ảnh không bị giảm nhiều |
| Lỗ | Tiết kiệm đáng kể kích thước tệp hình ảnh | Hình ảnh nén có chất lượng thấp hơn |
Các plugin nén hình ảnh WordPress phổ biến cung cấp một số công cụ bổ sung để giảm trọng lượng của hình ảnh trong thời gian tải trang.
- Đang tải chậm - Cải thiện thời gian tải trang ban đầu bằng cách chỉ hiển thị hình ảnh khi người dùng cuộn đến phần đó của trang
- Lưu trữ Hình ảnh CDN - Tăng tốc độ phân phối hình ảnh toàn cầu bằng cách sử dụng mạng phân phối nội dung như KeyCDN hoặc Cloudflare (Phiên bản này của Jetpack được gọi là Site Accelerator!)
- Hình ảnh Thích ứng - Cung cấp kích thước hình ảnh chính xác dựa trên thiết bị mà người dùng đang sử dụng
- Hỗ trợ Hình ảnh WebP - Hỗ trợ riêng cho định dạng hình ảnh WebP hiệu quả
Một trong những phát triển lớn nhất trong vài năm qua là việc áp dụng định dạng hình ảnh WebP của Google, hiện được hỗ trợ bởi hơn 95% trình duyệt internet. Google tuyên bố rằng định dạng hình ảnh này cung cấp khả năng nén không mất dữ liệu và mất mát vượt trội, với hình ảnh WebP nhỏ hơn 26% so với hình ảnh PNG và 25-34% so với hình ảnh JPEG.
Tại thời điểm viết bài, rất tiếc là không thể tải lên hoặc xem tệp hình ảnh WebP trong WordPress, vì vậy bạn cần tải lên hình ảnh JPEG và PNG và chuyển đổi chúng bằng cách sử dụng plugin tối ưu hóa hình ảnh hoặc plugin chuyển đổi WebP như WebP Converter for Media. Trên blog cá nhân của mình, tôi đã hiển thị hình ảnh WebP trong các bài viết bằng công cụ nén hình ảnh Cloudflare’s Polish, công cụ nén hình ảnh trên máy chủ của Cloudflare.
Các định dạng hình ảnh khác mà bạn có thể thấy được tham chiếu là AVIF và JPEG XL, mặc dù không có trình duyệt hỗ trợ tốt cho chúng tại thời điểm này.
Các Plugin Trình Tối ưu hóa Hình ảnh WordPress Tốt nhất (Bao gồm Kết quả Kiểm tra)
Đã đến lúc xem xét kỹ hơn những gì tôi coi là plugin trình tối ưu hóa hình ảnh WordPress tốt nhất trên thị trường hiện nay:Smush, EWWW Image Optimizer, Imagify, Optimole, ShortPixel, WP Compress và TinyPNG.
Để giúp chứng minh cách có thể giảm kích thước tệp bằng cách sử dụng mỗi plugin, tôi đã nén cùng một hình ảnh JPEG và tệp PNG bằng cách sử dụng nén không mất dữ liệu và mất dữ liệu (bất cứ khi nào có thể).
Một yếu tố tôi cũng sẽ xem xét ở phần sau của bài viết này là chi phí. Hầu hết các giải pháp tối ưu hóa hình ảnh WordPress được phát hành theo mô hình freemium, vì vậy bạn nên mong đợi phiên bản cốt lõi bị hạn chế theo một cách nào đó. Trong khi một số plugin tối ưu hóa giới hạn các tính năng, thì số lần nén hình ảnh cũng thường bị giới hạn. Do đó, bạn có thể phải trả phí hàng tháng để sử dụng lâu dài giải pháp tối ưu hóa hình ảnh ưa thích của mình.
Việc kiểm tra hiệu suất tối ưu hóa hình ảnh một cách công bằng là rất khó vì các tùy chọn cấu hình có sẵn khác nhau giữa các giải pháp khác nhau và giữa các phiên bản miễn phí và cao cấp của mỗi plugin. Do đó, tôi đã thực hiện các thử nghiệm của mình bằng cách sử dụng phiên bản miễn phí của mỗi plugin WordPress vì chúng được sử dụng rộng rãi hơn. Để tuân thủ việc tải lên kích thước tệp tối đa mà một số giải pháp có, cả hai hình ảnh thử nghiệm đã được thay đổi kích thước thành 2.000 pixel trước khi tải lên WordPress. Siêu dữ liệu cũng bị loại bỏ khỏi hình ảnh trong mọi thử nghiệm.
Hãy xem phiên bản miễn phí của mỗi plugin nén hình ảnh WordPress hoạt động như thế nào.
| Plugin WordPress | Loại nén | JPEG Tối ưu hóa | PNG Tối ưu hóa | Ghi chú |
|---|---|---|---|---|
| Smush | Lossless &Lossy | 5,6% | 13,3% | Phiên bản miễn phí của Smush chỉ tối ưu hóa hình ảnh thu nhỏ, do đó, hình ảnh thu nhỏ được sử dụng để kiểm tra nén |
| Trình tối ưu hóa hình ảnh EWWW | Lossless &Lossy | 87,9% | 53,8% | Mức tiết kiệm tốt nhất đạt được khi sử dụng WebP |
| Tưởng tượng | Lossless &Lossy | 85,6% | 70% | Hình ảnh nhỏ hơn được sử dụng cho JPEG do hạn chế tải lên tệp |
| Optimole | Lossless &Lossy | 91,6% | 44,4% | Việc thay đổi cài đặt chất lượng hình ảnh không ảnh hưởng đến kích thước tệp PNG |
| ShortPixel | Lossless &Lossy | 93,4% | 67,3% | WebP mang lại sự cân bằng tốt nhất về chất lượng và kích thước tệp |
| Nén WP | Lossless &Lossy | 89,1% | 48,3% | Tệp hình ảnh WebP lớn hơn ba chế độ nén thay thế |
| Nén hình ảnh JPEG &PNG | Lossy | 86,3% | 55,3% | Chỉ có một mức nén |
Các bài kiểm tra hình ảnh này giúp chứng minh cách mỗi giải pháp xử lý hình ảnh mẫu của tôi, nhưng hãy nhớ rằng kiểu so sánh này không thể kết luận được vì mỗi giải pháp áp dụng một mức độ nén khác nhau. Cũng rất khó để phân tích chất lượng của các hình ảnh nén và rút ra một sự so sánh công bằng giữa chúng.
Để hiểu rõ hơn về các plugin WordPress này và cách tính toán các kết quả này, vui lòng đọc trên 🙂
1. Xì phé
Với hơn một triệu lượt cài đặt đang hoạt động, Smush hiện là plugin tối ưu hóa hình ảnh phổ biến nhất cho WordPress trên internet. Plugin hỗ trợ tuyệt vời cho việc tải chậm và công cụ tối ưu hóa hàng loạt của nó có thể nén tối đa 50 hình ảnh cùng một lúc từ thư viện phương tiện WordPress của bạn hoặc từ các thư mục hình ảnh bên ngoài thư mục tải lên WordPress. Ngoài ra còn có một tính năng thú vị là phát hiện hình ảnh quá nhỏ hoặc quá lớn so với vùng chứa của chúng.
Tệp ảnh PNG, JPEG và GIF có kích thước tối đa 5 MB có thể được nén miễn phí trong Smush. Tất cả các hình ảnh có thể được tối ưu hóa bằng cách sử dụng nén không mất dữ liệu và có thể được thay đổi kích thước thành chiều rộng và chiều cao tối đa ưa thích của bạn. Một tùy chọn “Super-Smush” mới cũng có sẵn hứa hẹn tối ưu hóa gấp đôi khi sử dụng nén nhiều lần mất dữ liệu.
Thật khó chịu, phiên bản có kích thước đầy đủ của hình ảnh không được tối ưu hóa trừ khi bạn nâng cấp, vì vậy chỉ hình ảnh thu nhỏ mới được nén.
Các hạn chế tối ưu hóa của Smush có nghĩa là tôi không thể nén các phiên bản có kích thước đầy đủ của hình ảnh thử nghiệm của mình. Chỉ có hình thu nhỏ hình ảnh của tôi được nén bởi Smush. Kể từ khi WordPress 5.3 giới thiệu kích thước hình thu nhỏ mới là 1.536 × 1.536 pixel và 2.048 × 2.048 pixel, hình thu nhỏ lớn nhất được tạo cho mỗi hình ảnh thử nghiệm có chiều rộng là 1.536 pixel.
Tôi đã phải sử dụng một giải pháp để kiểm tra Smush một cách công bằng, so sánh các hình thu nhỏ của hình ảnh gốc mà WordPress tạo ra trước khi Smush được kích hoạt với hình thu nhỏ nén mà Smush đã xử lý.
Kết quả cho thấy Smush có thể giảm 5,6% hình thu nhỏ JPEG của tôi và 13,3% cho hình thu nhỏ PNG của tôi
| Loại hình ảnh | Kích thước hình ảnh | Kích thước hình thu nhỏ | Kích thước hình thu nhỏ Không mất mát | Tối ưu hóa |
|---|---|---|---|---|
| JPEG | 4,06 MB | 422 KB | 398 KB | 5,6% (24 KB) |
| PNG | 327,5 KB | 316 KB | 274 KB | 13,3% (42 KB) |
Mặc dù được sử dụng miễn phí, tôi thấy phiên bản miễn phí của Smush quá hạn chế vì bạn chỉ có thể nén hình ảnh thu nhỏ và nén không mất dữ liệu mà tôi đã sử dụng không làm giảm đáng kể kích thước tệp hình ảnh. “Super Smush” cung cấp khả năng nén mất mát được cải thiện, nhưng Smush Pro cung cấp trải nghiệm tốt hơn nhiều.
Smush Pro không có giới hạn về kích thước tệp hình ảnh và công cụ tối ưu hóa hàng loạt của nó cho phép nén số lượng hình ảnh không giới hạn trong một cú nhấp chuột. Hình ảnh gốc cũng có thể được lưu và có hỗ trợ cho các tệp WebP. Một điểm hấp dẫn khác là Mạng phân phối nội dung của Smush Pro, cung cấp cho bạn 10 GB băng thông hàng tháng để phân phối hình ảnh từ 45 địa điểm trên khắp thế giới.
Smush Pro được bao gồm trong tất cả các gói WPMU Dev cao cấp. Một giấy phép duy nhất cho WPMU Dev có giá bán lẻ là 90 đô la mỗi năm, đó là tỷ lệ hiệu quả là 7,50 đô la mỗi tháng. Điều này cung cấp khả năng lưu trữ hình ảnh không giới hạn, 5 GB bộ nhớ CDN và 5 GB bộ nhớ sao lưu trang web. Các gói cấp cao hơn cung cấp thêm CDN và bộ nhớ dự phòng.
Ưu điểm của Smush
- Nén hình ảnh không giới hạn mà không phải trả phí hàng tháng
- Cho phép nén hình ảnh từ các thư mục không phải WordPress
- Nhiều tùy chọn tùy chỉnh hữu ích và hỗ trợ tuyệt vời cho các plugin WordPress của bên thứ ba
- Smush Pro có giá cạnh tranh và bao gồm việc sử dụng mạng phân phối nội dung
Nhược điểm của Smush
- Phiên bản miễn phí chỉ tối ưu hóa hình thu nhỏ của hình ảnh
- Phiên bản miễn phí giới hạn kích thước tệp ở 5MB
- Bạn cần nâng cấp lên Smush Pro để được hỗ trợ WebP và tối ưu hóa hình ảnh hàng loạt không giới hạn
2. Trình tối ưu hóa hình ảnh EWWW
EWWW Image Optimizer là một plugin WordPress mà tôi biết rõ vì tôi đã sử dụng nó trên các trang web của riêng mình trong một vài năm. Đây là một trong những plugin trình tối ưu hóa hình ảnh WordPress miễn phí tốt nhất để sử dụng vì nó không hạn chế số lượng hình ảnh được nén và không hạn chế kích thước hình ảnh được tải lên.
EWWW Image Optimizer hỗ trợ nén ảnh JPEG, PNG, SVG và GIF. Hình ảnh có thể được thay đổi kích thước và có thể được chuyển đổi sang các định dạng hình ảnh khác như WebP. Công cụ tối ưu hóa hàng loạt có thể xử lý số lượng hình ảnh không giới hạn và các tệp gốc có thể được giữ lại sau khi nén. Bạn cũng có thể lên lịch tối ưu hóa và tối ưu hóa phương tiện bên ngoài WordPress bằng cách chỉ định đường dẫn máy chủ của thư mục.
Phiên bản cốt lõi của Trình tối ưu hóa hình ảnh EWWW cung cấp khả năng nén không mất dữ liệu cho các hình ảnh JPG, PNG và GIF mà các nhà phát triển gọi là Pixel Perfect. Chế độ nén mất dữ liệu được gọi là cao cấp cũng có sẵn miễn phí cho PNG.
Tôi đã có thể giảm 3,8% hình ảnh thử nghiệm JPEG và PNG của mình bằng cách sử dụng tính năng nén không mất dữ liệu, mặc dù tính năng nén mất dữ liệu có thể giảm 49,6% hình ảnh PNG của tôi.
| Loại hình ảnh | Kích thước hình ảnh | Không mất mát | Tối ưu hóa | Lossy | Tối ưu hóa |
|---|---|---|---|---|---|
| JPEG | 4,06 MB | 3,88 MB | 4,4% (177,5 KB) | - | - |
| PNG | 327,5 KB | 315 KB | 3,8% (12,5 KB) | 162,6 KB | 49,6% (164,9 KB) |
Tôi đã thấy việc giảm tệp lớn hơn bằng cách chuyển đổi hình ảnh sang WebP. Nó làm giảm hình ảnh JPEG của tôi xuống một con số khổng lồ 87,9% và hình ảnh PNG của tôi là 53,8% khi tôi sử dụng tính năng nén mất dữ liệu.
| Loại hình ảnh | Kích thước hình ảnh | WebP - Không mất mát | Tối ưu hóa | WebP - Mất mát | Tối ưu hóa |
|---|---|---|---|---|---|
| JPEG | 4,06 MB | 492,8 KB | 87,9% (3,57 MB) | - | - |
| PNG | 327,5 KB | 224,1 KB | 31,6% (103,4 KB) | 151,3 KB | 53,8% (176,2 KB) |
Phiên bản cao cấp của EWWW Image Optimizer được bán lẻ ở mức $ 7 mỗi tháng cho một giấy phép. Phiên bản này bổ sung hỗ trợ nén tài liệu PDF và mở khóa ba chế độ nén mất dữ liệu. Nó cũng bao gồm Easy Image Optimizer, là một CDN tối ưu hóa hình ảnh thích ứng tự động nén, chuyển đổi và chia tỷ lệ hình ảnh khi chúng được xem. Các công cụ hiệu suất Javascript và CSS cũng có sẵn.
CDN của họ có các địa điểm ở Hoa Kỳ và Châu Âu, với 200 GB băng thông được cung cấp cho người dùng một giấy phép. Giấy phép $ 15 mỗi tháng không chỉ cho phép sử dụng EWWW Image Optimizer Pro trên mười trang web mà còn mở khóa phân phối CDN toàn cầu và 400 GB băng thông.
Ưu điểm của Trình tối ưu hóa hình ảnh EWWW
- Không hạn chế kích thước tệp hình ảnh
- Nén hình ảnh không giới hạn mà không phải trả phí hàng tháng
- Chuyển đổi hình ảnh WebP làm giảm kích thước tệp đáng kể
- Trình tối ưu hóa hàng loạt cho phép bạn tối ưu hóa tất cả hình ảnh bằng một cú nhấp chuột và các thư mục không phải WordPress được hỗ trợ
Nhược điểm của Trình tối ưu hóa hình ảnh EWWW
- Tính năng nén mất dữ liệu chỉ khả dụng cho JPEG trong phiên bản cao cấp
- CDN toàn cầu chỉ có sẵn trong gói trả phí $ 15 mỗi tháng
3. Tưởng tượng
Imagify là một dịch vụ tối ưu hóa hình ảnh WordPress được tạo ra bởi các nhà phát triển của plugin bộ nhớ đệm WordPress WP Rocket. Plugin cho phép bạn chuyển đổi các định dạng tệp JPEG, PNG, GIF và PDF.
Để sử dụng plugin Imagify WordPress, bạn cần tạo tài khoản với chúng và nhập khóa API được cung cấp trong khu vực cài đặt plugin.
Imagify đã áp dụng giao diện người dùng đơn giản hóa hiển thị tất cả các cài đặt trên một trang. Cách tiếp cận này sẽ thu hút nhiều chủ sở hữu trang web, nhưng người dùng nâng cao có thể cảm thấy bị hạn chế do thiếu các tùy chọn cấu hình có sẵn.
Có các tùy chọn để tự động tối ưu hóa hình ảnh khi tải lên, giữ hình ảnh gốc, siêu dữ liệu dải và loại trừ kích thước hình thu nhỏ khỏi tối ưu hóa. Hình ảnh có thể được thay đổi kích thước thành chiều rộng tối đa được chỉ định và bạn có thể chọn hình ảnh từ các thư mục tùy chỉnh để được tối ưu hóa. Imagify cũng hỗ trợ định dạng hình ảnh WebP và có thể cung cấp hình ảnh WebP từ mạng phân phối nội dung.
Tối ưu hóa hàng loạt có thể được thực hiện trên một trang riêng biệt. Đó là một cách nhanh chóng để áp dụng mức nén ưa thích của bạn cho tất cả các hình ảnh trong một thư mục.
Imagify cung cấp ba tùy chọn nén:Bình thường, Linh hoạt và Siêu. Bình thường sử dụng nén không mất dữ liệu, trong khi sử dụng tích cực và cực kỳ mất mát. Các nhà phát triển lưu ý rằng sự khác biệt về chất lượng khi sử dụng chế độ tích cực hầu như không đáng chú ý, nhưng cảnh báo rằng chế độ cực đoan có thể cho thấy sự suy giảm hình ảnh.
Điều thú vị về Imagify là bạn có thể tối ưu hóa lại hình ảnh bằng cách sử dụng cài đặt nén khác bất kỳ lúc nào. Bạn cũng có thể sử dụng công cụ so sánh hình ảnh của Imagify để so sánh chất lượng của hình ảnh nén với hình ảnh gốc.
Thật không may, Imagify giới hạn tải lên tệp trong tài khoản miễn phí chỉ 2MB, vì vậy tôi phải giảm chiều rộng hình ảnh JPEG từ 2.000 pixel xuống 1.350 pixel để kiểm tra tệp JPEG của mình. Sử dụng hình ảnh nhỏ hơn này, tính năng nén mất dữ liệu có thể giảm kích thước tệp hình ảnh xuống 39,9%, trong khi nén mất dữ liệu giảm 85% và 85,6%
Với hình ảnh PNG của tôi, nén mất dữ liệu đã giảm kích thước tệp xuống 10%. Thay vào đó, khi tôi chọn nén có tổn thất, mức tiết kiệm đã tăng lên 68,6% và 70%.
| Loại hình ảnh | Kích thước hình ảnh | Lossless (Bình thường) | Tối ưu hóa | Lossy (Trầm trọng) | Tối ưu hóa | Lossy (Cực) | Tối ưu hóa |
|---|---|---|---|---|---|---|---|
| JPEG | 1,93 MB | 1,16 MB | 39,9% (0,77 MB) | 289,37 KB | 85% (1,64 MB) | 277,3 KB | 85,6% (1,65 MB) |
| PNG | 327,5 KB | 294,5 KB | 10% (33 KB) | 102,9 KB | 68,6% (224,6 KB) | 98,1 KB | 70% (229,4 KB) |
Gói miễn phí của Imagify không rộng rãi. Ngoài việc giới hạn tải lên tệp ở mức 2MB mỗi tệp, nó chỉ cung cấp cho bạn phân bổ 20 MB nén mỗi tháng và bạn sẽ bị tính phí 8 đô la cho mỗi GB bổ sung so với phân bổ của mình. Họ khuyên rằng 20 MB phù hợp cho 200 hình ảnh, nhưng tôi tin rằng 40 đến 50 hình ảnh là một ước tính tốt hơn.
Kế hoạch tăng trưởng của họ bán lẻ ở mức 4,99 đô la mỗi tháng. Nó cho phép nén 500 MB mỗi tháng và tính phí $ 5 cho mỗi GB bổ sung so với phân bổ của bạn. Gói vô hạn 9,99 đô la mỗi tháng cho phép số lần nén không giới hạn.
Ưu điểm của Imagify
- Giao diện người dùng đầy màu sắc, dễ sử dụng
- Hình ảnh có thể được tối ưu hóa lại bằng phương pháp nén khác bất kỳ lúc nào
- Tối ưu hóa hàng loạt có thể được xử lý trên các thư mục riêng lẻ
Nhược điểm của Tưởng tượng
- Quá trình nén có vẻ chậm hơn so với các giải pháp khác
- 20 MB nén hình ảnh mỗi tháng có nghĩa là gói miễn phí của Imagify chỉ phù hợp để thử nghiệm dịch vụ
- Người dùng nâng cao có thể thấy khó chịu khi thiếu các tùy chọn tùy chỉnh
4. Optimole
Optimole là một plugin tối ưu hóa hình ảnh WordPress dựa trên đám mây, nén hình ảnh nhanh chóng và sau đó cung cấp hình ảnh chính xác cho người dùng dựa trên thiết bị họ đang sử dụng. Công ty sử dụng mạng phân phối nội dung Cloudfront của Amazon để cung cấp hình ảnh cho khách truy cập từ hơn 225 địa điểm trên toàn cầu.
Tất cả các loại hình ảnh đều được hỗ trợ bởi Optimole. Hình ảnh cũng được phân phối ở định dạng WebP nếu trình duyệt của khách truy cập hỗ trợ, mặc dù hình ảnh sẽ vẫn sử dụng phần mở rộng tệp gốc.
Giống như Imagify, bạn cần tạo một tài khoản với Optimole để sử dụng dịch vụ của họ. Gói miễn phí của họ cung cấp cho bạn toàn quyền truy cập vào dịch vụ của họ miễn là bạn không vượt quá 5.000 khách truy cập hàng tháng trên các trang web của mình.
Khi bạn đã nhập khóa API tài khoản của mình, bạn sẽ thấy trang cài đặt của Optimole trong menu WordPress Media. Tại đây, bạn sẽ thấy các tùy chọn để chia tỷ lệ và tải chậm, thay đổi kích thước hình ảnh và cắt hình ảnh thông minh. Ngoài ra còn có các tùy chọn để thay thế tất cả URL hình ảnh bằng URL hình ảnh được tối ưu hóa và giảm tải tất cả hình ảnh xuống máy chủ của Optimole. Hình ảnh cũng có thể được loại trừ khỏi tối ưu hóa.
Bạn sẽ không thấy bất kỳ tham chiếu nào đến nén không mất dữ liệu hoặc mất dữ liệu. Thay vào đó, Optimole cho phép bạn đặt chất lượng hình ảnh cho tất cả các hình ảnh từ giá trị 50 đến 100. Các cài đặt trước cho chất lượng hình ảnh Thấp (55), Trung bình (75) và Cao (90), sẽ cho bạn ý tưởng về nơi bắt đầu.
Trên trang web chính của Optimole, bạn có thể thay đổi kích thước hình ảnh, áp dụng bộ lọc và điều chỉnh độ sáng, độ tương phản và độ bão hòa. Hình mờ cũng có thể được áp dụng và có một trang số liệu chuyên dụng để xem số liệu thống kê về lưu lượng truy cập.
Phân phối thích ứng của Optimole đảm bảo hình ảnh tải nhanh chóng cho tất cả khách truy cập, bất kể họ đang sử dụng thiết bị nào. Khi hình ảnh được phân phối động, Optimole không hiển thị tệp hình ảnh cụ thể đã bị giảm bao nhiêu phần trăm. Vì vậy, để xem hình ảnh được nén như thế nào, tôi đặt chất lượng hình ảnh thành các cài đặt thấp, trung bình và cao được xác định trước. Đối với mỗi cài đặt, tôi đã xem hình ảnh thử nghiệm của mình trên trình duyệt trên máy tính để bàn và tải tệp xuống máy tính của mình.
Kết quả cho ảnh JPEG rất ấn tượng. Chất lượng hình ảnh vẫn ổn khi sử dụng cài đặt thấp và nó đã giảm kích thước tệp xuống 91,6%. Sử dụng cài đặt trung bình và cao, tệp hình ảnh vẫn giảm lần lượt 88% và 70,7%.
With my JPEG image, Optimole changed the quality of the image as soon as I reloaded the page. Unfortunately, this did not happen with my PNG image, with the optimized file being 182 KB in size whatever image quality setting I chose. I spent over an hour changing settings and re-uploading the image, but the result was always the same.
| Image Type | Image Size | Low | Optimization | Medium | Optimization | High | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 342 KB | 91.6% (3.72 MB) | 487 KB | 88% (3.57 MB) | 1.19 MB | 70.7% (2.87 MB) |
| PNG | 327.5 KB | 182 KB | 44.4% (145.5 KB) | 182 KB | 44.4% (145.5 KB) | 182 KB | 44.4% (145.5 KB) |
All Optimole users can use the full service and deliver images on the fly from Amazon Cloudfront, but each plan is limited by the number of monthly visits their websites receive. As the free plan allows 5,000 monthly visitors, it may be suitable for small websites.
For $22.90 per month, the starter plan will increase your limit to 25,000 monthly visitors. The price drops to an effective rate of $19.08 per month if paid annually. The business plan increases your limit to 100,000 monthly visitors and permits you to serve images from your own custom domain. It retails at $47 per month or an effective monthly rate of $39.08 if paid annually.
Pros of Optimole
- Automates all aspects of image optimisation
- Delivers correctly sized adaptive images from over 225 locations around the world
- Complete control over what level of compression is used
- Watermarks can be automatically applied to all images
Cons of Optimole
- No way to optimise images individually
- Cannot use unique image quality settings for different image formats
- More expensive than alternative solutions
5. ShortPixel
ShortPixel is a cloud-based WordPress image optimizer plugin that supports JPG, PNG, GIF, PDF, WebP, and AVIF file formats. In addition to lossless and lossy image compression, ShortPixel also offers an image compression option in the middle which they call “Glossy Compression”. This is simply their marketing term for lossy compression that is not too aggressive.
You will need to create an account with ShortPixel to use their service. When you sign up, you will automatically opt into their free plan, which allows up to 150 images to be compressed every month.
From the plugin settings area, you can choose to strip metadata, optimize thumbnails, resize large images and keep a backup of original images. There are also options for optimizing images from non-WordPress directories, converting PNGs to JPGs, and excluding thumbnail sizes. WebP and AVIF versions of images can be created too, but be aware that ShortPixel charges an additional image credit each time you do this.
If you enter your Cloudflare API key, ShortPixel will update the stored image on Cloudflare’s cache whenever you optimize or change the image. This saves you from having to clear your Cloudflare cache manually.
The ShortPixel service also offers an adaptive image service. This allows you to display optimized WebP and AVIF images on the fly from locations across the globe, with each image being correctly resized for the visitor’s device. ShortPixel Adaptive Images is actually an alternative solution to the main service so you need to sign up for a separate plan and install a separate WordPress plugin to add this functionality to your website. Their free adaptive image plan includes 750 MB of CDN traffic every month.
As ShortPixel allows you to retain the original image file, you can re-optimize an image using a different compression level at any time.
Apart from lossless, the file reductions were impressive across the board. The biggest saving came from using lossy compression, which reduced my JPG image by 93.4% and my PNG image by 67.3%.
| Image Type | Image Size | Lossless | Optimization | Glossy | Optimization | Lossy | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 3.78 MB | 6.9% (0.28 MB) | 373 KB | 90.8% (3.7 MB) | 267 KB | 93.4% (3.79 MB) |
| PNG | 327.5 KB | 315 KB | 3.8% (12.5 KB) | 158 KB | 51.8% (169.5 KB) | 107 KB | 67.3% (220.5 KB) |
WebP images were only slightly larger than lossy images, but image quality was noticeably better.
| Image Type | Image Size | WebP | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 351 KB | 91.4% (3.71 MB) |
| PNG | 327.5 KB | 148 KB | 54.8% (179.5 KB) |
ShortPixel’s premium monthly plans are highly competitive. Their cheapest plan allows 10,500 images to be compressed every month. It retails at $4.99 per month or an effective rate of $3.99 per month if paid annually. If you don’t want to commit to a monthly plan, you can buy one-off image compression packages. It only costs $9.99 for 15,000 images and $19.99 for 45,000 images.
A separate plan is required for ShortPixel’s adaptive image service, though the pricing structure is identical. 53 GB of monthly CDN traffic costs an effective rate of $3.99 per month. Alternatively, you can pay a one-off fee of $9.99 for 50 GB or $19.99 for 150 GB.
Pros of ShortPixel
- Impressive WordPress image compression
- Support for multiple image formats and non-WordPress directories
- Competitive monthly plans and the option to pay as you go
Cons of ShortPixel
- WebP and AVIF images cost an additional credit
- Lazy loading not available in the main plugin
- Adapative images is a separate solution altogether
6. WP Compress
WP Compress is an automated WordPress image optimizer plugin that has two optimization modes. Local Mode will compress images from the WordPress media library locally, whilst Live Mode delivers images to devices using WebP image files from a global content delivery network. Both modes support lazy loading, retina images, and adaptive images so that images are optimized for each device.
Unfortunately, no free plan is available for WP Compress, but when you create an account you will be opted into a seven-day trial to test the service.
From the main WP Compress dashboard, you can switch between optimization modes, view compression stats, and enable retina images, adaptive images, WebP images, and lazy loading. A separate page is available for bulk image optimization.
If you switch to pro settings, you’ll find additional options for stripping metadata, minifying Javascript and CSS, and more. WP Compress supports JPG, PNG, GIF, and SVG image types, but these can be excluded from content delivery if you wish
WP Compress offers lossless compression and two lossy compression modes called Intelligent and Ultra. In my tests, the Ultra setting was able to reduce the size of my JPEG image by 89.1% and my PNG image by 48.3%. Intelligent compression was just a little behind, at 87.2% and 44.6%, respectively.
Image file savings for lossless compression were surprisingly high, reducing my JPEG image by 81.2% and my PNG image by 43.1%. These savings are inconsistent with other lossless compression results, which suggests it wasn’t true lossless compression.
| Image Type | Image Size | Lossless | Optimization | Lossy Intelligent | Optimization | Lossy Ultra | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 763.8 KB | 81.2% (3.30 MB) | 521.6 KB | 87.2% (3.54 MB) | 441.1 KB | 89.1% (3.62 MB) |
| PNG | 327.5 KB | 186.2 KB | 43.1% (141.3 KB) | 181.5 KB | 44.6% (146 KB) | 169.2 KB | 48.3% (158.3 KB) |
WebP files were larger than those compressed using lossless and lossy compression modes.
| Image Type | Image Size | WebP | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 847 KB | 79.1% (3.21 MB) |
| PNG | 327.5 KB | 250 KB | 23.7% (77.5 KB) |
For $9 per month, the WP Compress personal plan allows 100,000 images to be optimized every month across five websites. If you upgrade to the $29 per month professional plan, your allowance increases to one million images across 25 websites.
Credits can be purchased if you do not want to sign up for a monthly plan. For a one-off payment of $29, you can compress 50,000 images and generate one million image requests from their content delivery network.
Pros of WP Compress
- Can switch between local and live compression modes at any time
- Adaptive images ensures the best image is delivered to users
- Support for WebP and all major image file types
- Competitive pricing and an option to pay as you go
Cons of WP Compress
- No free plan is available for WP Compress
- Lossless image compression appeared to be too aggressive
- Cannot optimise images outside of the WordPress media library
7. TinyPNG
TinyPNG is a simple WordPress image optimizer plugin that can optimize JPEG, PNG, and WebP images. It’s the official WordPress plugin of the popular optimization tool with the same name.
You will need to create an account with Tinify in order to use TinyPNG. Once you are signed up, you are eligible for 500 image compressions per month with their free plan.
New images can be automatically compressed in the background or during upload. If you prefer, you can manually compress images.
The original image and its associated thumbnails can be optimized. You can also resize the original image and select which metadata information is retained. Please be aware that if you compress the original image, the compressed image will overwrite the original file.
A separate page is available for bulk optimization which highlights the compression savings you have made so far.
TinyPNG uses lossy compression, but it does give you any control over the level of compression. The developers advise that on average, JPEG images are compressed by 40-60% and PNG images by 50-80%.
In my tests, TinyPNG reduced my JPEG image by 86.3% and my PNG image by 55.3%.
| Image Type | Image Size | Lossy | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 557.2 KB | 86.3% (3.5 MB) |
| PNG | 327.5 KB | 146.5 KB | 55.3% (181 KB) |
Image compressions can be paid as and when you need them. This pay-as-you-go system will suit many smaller websites as the first 500 image compressions per month are free, but please remember that each thumbnail image you compress will also be counted towards your monthly allowance.
After 500 compressions, it costs $0.009 per compression for the next 9,500 compressions and then $0.002 per compression for the next 10,000 compressions. For example, it will cost $4.50 for 1,000 image compressions, $40.50 for 5,000 image compressions and $85.50 for 10,000 image compressions.
This pricing model makes TinyPNG an expensive solution if you’re compressing thousands of images every month.
Pros of TinyPNG
- One of the simplest image optimisation solutions available to WordPress users
- Bulk optimisation tool works well
- Pay as you go system will suit small websites
Cons of TinyPNG
- Only one image compression setting and no way to change image quality
- Original image is not retained if you choose to optimise it
- No support for non-WordPress directories
Kết luận
The days of getting away with a slow-loading website are over. You now need to give desktop and mobile visitors a fast browsing experience or your traffic is going to drop.
Whilst the core version of WordPress does not include any performance tools, you’ll find hundreds of performance and optimization WordPress plugins online that will help improve your page-loading times. WordPress caching plugins and minification tools are highly effective in creating static pages and reducing the size of pages, though you’re never going to have a fast website unless you optimize your images.
Here’s a quick overview of the WordPress image optimizer solutions that have been featured in this article.
| Plugin | Free | Premium | Summary |
|---|---|---|---|
| Smush | Unlimited image optimization for images under 5 MB | $5 Per Month | Smush Pro offers lazy loading, resizing and bulk optimization. The core version of the plugin allows lossless compression with thumbnail images and now has support for a multi-pass lossy compression called Super-Smush. Unlimited image compressions for only $5 per month makes Smush Pro one of the most affordable solutions available. |
| EWWW Image Optimizer | Unlimited image optimization and no restriction on image file size | $7 Per Month | With support for WebP image files and image format conversion, EWWW Image Optimizer is undoubtedly one of the best free WordPress image optimizer plugins. The premium version offers multiple lossy compression modes, performance tools and image delivery via a content delivery network. |
| Imagify | 20MB allocation per month for images under 2 MB | 500MB:$4.99 Per Month Unlimited:$9.99 Per Month | Imagify is a user-friendly image optimization plugin from the creators of WP Rocket. It does not offer many customization options, but it did what it promised and reduced image files considerably. Their free plan is only suitable for testing how Imagify works. |
| Optimole | 100% free to use up to 5,000 monthly visitors | 25,000 Visitors:$19.08 Per Month | Optimole does things differently by delivering optimized images to visitors based upon the device they are using. All images are delivered from Amazon’s global content delivery network of 225+ locations. Performance is incredible and the whole process is automated. |
| ShortPixel | 150 image compressions free per month | 10,500 images:$3.99 Per Month | ShortPixel supports all major image formats and gives you many different ways to compress and deliver images. A separate service is available which can display adaptive images from a global content delivery network. |
| WP Compress | No | 100,000 images:$9 Per Month | WP Compress is an interesting service that lets you choose to compress images locally or deliver adaptive images using a content delivery network. Unfortunately, no free plan is available for WP Compress, but there is a seven-day trial to test the service. |
| TinyPNG | 500 image compressions per month | 500:FREE Next 9,500:$0.009 10,000:$0.002 | TinyPNG is a simple solution that automates image compression. Apart from removing metadata, the plugin doesn’t allow you to change image quality, though image compression results were good. The pricing policy of TinyPG makes it an affordable solution for small website owners, but an expensive option for everyone else. |
I encourage you to test multiple image optimizer plugins for WordPress to see which one suits your needs best.
During the research of this article, I tested all of the above WordPress image compression plugins. There are pros and cons to each one and depending on the website you are optimizing, you may favor one solution over another. So you will need to consider functionality, budget, and image performance.
To help me draw a comparison, I used the same two images for all of my image tests. Please be aware that these results would have been different if the images had different file sizes and resolutions, which is another reason why it is important to test each WordPress plugin yourself.
Good luck.
Kevin