Trang tải nhanh mang lại trải nghiệm tốt hơn cho người dùng duyệt web và cải thiện xếp hạng công cụ tìm kiếm. Mặc dù nhiều yếu tố góp phần làm trang tải chậm, hình ảnh thường có tác động lớn nhất đến tốc độ trang, chiếm khoảng một nửa tổng dung lượng trang web trung bình.
Báo cáo HTTP Archive State of Images cho thấy số lượng yêu cầu hình ảnh trung vị trên một trang là 25, đóng góp dung lượng trung vị 988,5 KB trên trình duyệt desktop và 881,9 KB trên mobile. Tổng dung lượng hình ảnh trên trang web tiếp tục tăng mỗi năm, triệt tiêu lợi ích của tốc độ internet ngày càng nhanh.
Nếu bạn từng dùng công cụ kiểm tra hiệu suất như GTMetrix, Google PageSpeed Insights, hoặc Pingdom Website Speed Test, bạn biết rõ hình ảnh làm giảm điểm hiệu suất đến đâu. Vì vậy, tối ưu hóa mọi hình ảnh hiển thị trên trang web rất quan trọng để tổng dung lượng hình ảnh không làm tăng thời gian tải trang.
Nguồn: "Stage of Images" – httparchive.org
Trước đây, mỗi hình ảnh phải tối ưu qua trình chỉnh sửa ảnh trước khi tải lên WordPress vì phiên bản core không cung cấp công cụ hiệu suất. May thay, công việc tốn thời gian này không còn cần thiết nhờ plugin tối ưu hóa hình ảnh WordPress tự động nén mọi hình ảnh tải lên thư viện media.
Để giúp bạn cải thiện tốc độ tải trang, 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 tốt nhất.
Plugin Tối Ưu Hóa Hình Ảnh WordPress Làm Gì?
Mục tiêu tổng quát của tối ưu hóa hình ảnh WordPress là giảm dung lượng tệp hình ảnh mà không làm giảm chất lượng cảm nhận được. Điều này đạt được bằng nhiều cách:
- Giảm độ phân giải hình ảnh – Giảm chiều rộng và chiều cao
- Xóa metadata – Xóa metadata ExiF như ngày tạo, tốc độ màn trập, bản quyền, định vị địa lý, v.v.
- Nén hình ảnh – Giảm chất lượng hình ảnh
- Thay đổi định dạng hình ảnh – Chuyển đổi sang định dạng hiệu quả hơn
Mặc dù plugin tối ưu hình ảnh WordPress cung cấp tính năng khác nhau, chúng thường hoạt động theo cách tương tự.
Khi nén hình ảnh, bạn có thể chọn nén thủ công hoặc tự động nén ngay khi tải lên. Nén hàng loạt (bulk compression) dùng để tối ưu toàn bộ thư viện media WordPress. Đây là cách thực tế giảm dung lượng hình ảnh đã tải lên trước, nhưng lưu ý việc xử lý quá nhiều hình ảnh cùng lúc trực tiếp trên trang web có thể làm chậm trang web tạm thời.
Hình ảnh có thể tối ưu bằng nén Lossless (không mất dữ liệu) hoặc Lossy (mất dữ liệu). Với nén lossless, metadata không cần thiết bị xóa để giảm dung lượng, trong khi chất lượng gốc được giữ nguyên. Cũng có thể lưu metadata đã xóa và khôi phục hình ảnh gốc sau.
Nén lossy mạnh hơn. Dẫn đến dung lượng nhỏ hơn, nhưng chất lượng hình ảnh giảm. Khi nén lossy, không thể khôi phục về chất lượng gốc. Metadata có thể được giữ trong hình ảnh nếu muốn, nhưng không thể lấy lại nếu đã xóa. May mắn thay, nhiều plugin tối ưu hình ảnh WordPress đã giải quyết vấn đề này, cho phép giữ nguyên hình ảnh gốc để khôi phục sau.
Mỗi phương pháp nén có ưu/nhược điểm, tuy nhiên nén lossy được đa số chủ trang web ưa chuộng vì giảm dung lượng lớn nhất, cải thiện tốc độ tải trang nhiều nhất. Plugin tối ưu hình ảnh có thể cho phép điều khiển mức nén khi dùng lossy, nhưng hãy lưu ý nén quá mạnh sẽ làm giảm chất lượng hình ảnh rõ rệt.
| Loại Nén | Ưu Điểm | Nhược Điểm |
|---|---|---|
| Lossless | Không mất chất lượng hình ảnh | Dung lượng tệp không giảm nhiều |
| Lossy | Tiết kiệm dung lượng lớn | Hình ảnh nén chất lượng thấp hơn |
Các plugin nén hình ảnh WordPress phổ biến cung cấp thêm công cụ giảm trọng lượng hình ảnh trên thời gian tải trang.
- Lazy Loading (Tải lười) – 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 đó
- CDN Lưu Trữ Hình Ảnh – Tăng tốc phân phối hình ảnh toàn cầu dùng CDN như KeyCDN hoặc Cloudflare (phiên bản Jetpack gọi là Site Accelerator!)
- Hình Ảnh Thích Ứng (Adaptive Images) – Cung cấp kích thước hình ảnh đúng dựa trên thiết bị người dùng
- Hỗ Trợ WebP – Hỗ trợ gốc định dạng WebP hiệu quả
Một trong những phát triển lớn gần đây là áp dụng định dạng WebP của Google, hiện được hỗ trợ bởi hơn 95% trình duyệt internet. Google cho biết định dạng này cung cấp nén lossless và lossy vượt trội, WebP nhỏ hơn 26% so với PNG và 25-34% so với JPEG.
Lúc viết bài, không thể tải lên hoặc xem tệp WebP trong WordPress, nên bạn cần tải JPEG/PNG và chuyển đổi dùng plugin tối ưu hoặc plugin chuyển đổi WebP như WebP Converter for Media. Trên blog cá nhân, tôi hiển thị WebP trong bài viết dùng công cụ nén Polish của Cloudflare, nén hình ảnh trên máy chủ Cloudflare.
Định dạng khác bạn có thể thấy là AVIF và JPEG XL, tuy chưa có hỗ trợ trình duyệt tốt lúc này.
Các Plugin Tối Ưu Hóa Hình Ảnh WordPress Tốt Nhất (Kèm Kết Quả Test)
Đã đến lúc xem chi tiết những gì tôi coi là plugin tối ưu hình ảnh WordPress tốt nhất hiện nay: Smush, EWWW Image Optimizer, Imagify, Optimole, ShortPixel, WP Compress, và TinyPNG.
Để minh họa giảm dung lượng bằng từng plugin, tôi đã nén cùng một hình ảnh JPEG và PNG dùng lossless và lossy (nơi có thể).
Yếu tố tôi cũng xem sau là chi phí. Hầu hết giải pháp tối ưu hình ảnh WordPress phát hành theo mô hình freemium, nên bạn nên kỳ phiên bản core bị giới hạn. Một số plugin giới hạn tính năng, phổ biến cũng là giới hạn số lần nén hình ảnh. Do đó, bạn có thể phải trả phí hàng tháng để dùng giải pháp ưa thích lâu dài.
Test hiệu suất tối ưu hình ảnh công bằng là khó vì tùy chọn cấu hình khác nhau giữa các giải pháp và giữa phiên bản miễn phí/trả phí. Do đó, tôi test dùng phiên bản miễn phí của từng plugin vì phổ biến hơn. Để tuân thủ giới hạn kích thước tải lên của một số giải pháp, cả hai hình ảnh test đều resize về 2.000 pixel trước khi tải lên WordPress. Metadata bị xóa trong mọi test.
Hãy xem phiên bản miễn phí của từng plugin nén hình ảnh WordPress hoạt động ra sao.
| Plugin WordPress | Loại Nén | Tối Ưu JPEG | Tối Ưu PNG | Ghi Chú |
|---|---|---|---|---|
| Smush | Lossless & Lossy | 5,6% | 13,3% | Phiên bản miễn phí chỉ tối ưu thumbnail, nên dùng thumbnail cho test |
| EWWW Image Optimizer | Lossless & Lossy | 87,9% | 53,8% | Tiết kiệm tốt nhất dùng WebP |
| Imagify | Lossless & Lossy | 85,6% | 70% | Dùng hình JPEG nhỏ hơn do giới hạn tải lên |
| Optimole | Lossless & Lossy | 91,6% | 44,4% | Thay đổi cài đặt chất lượng không ảnh hưởng dung lượng PNG |
| ShortPixel | Lossless & Lossy | 93,4% | 67,3% | WebP cho cân bằng tốt nhất chất lượng và dung lượng |
| WP Compress | Lossless & Lossy | 89,1% | 48,3% | Tệp WebP lớn hơn 3 chế độ nén khác |
| Compress JPEG & PNG images | Lossy | 86,3% | 55,3% | Chỉ có một mức nén |
Các test hình ảnh này minh họa cách từng giải pháp xử lý hình ảnh mẫu, nhưng hãy nhớ so sánh này xa mới kết luận vì mỗi giải pháp áp dụng mức nén khác nhau. Cũng khó phân tích chất lượng hình ảnh nén và so sánh công bằng.
Để hiểu rõ hơn về các plugin và cách tính kết quả, hãy đọc tiếp 🙂
1. Smush
Với hơn 1 triệu cài đặt hoạt động, Smush hiện là plugin tối ưu hình ảnh WordPress phổ biến nhất trên internet. Plugin hỗ trợ tốt lazy loading và công cụ tối ưu hàng loạt nén tới 50 hình ảnh cùng lúc từ thư viện media WordPress hoặc thư mục hình ảnh bên ngoài thư mục uploads WordPress. Cũng có tính năng phát hiện hình ảnh quá nhỏ hoặc quá lớn cho container.
Hình ảnh PNG, JPEG, GIF lên tới 5 MB có thể nén miễn phí trong Smush. Tất cả hình ảnh có thể tối ưu bằng lossless và resize về chiều rộng/chiều cao tối đa ưu tiên. Tùy chọn mới "Super-Smush" hứa hẹn tối ưu gấp đôi dùng nén lossy đa pass.
Phiền toái là phiên bản full-size của hình ảnh không được tối ưu trừ khi nâng cấp, nên chỉ thumbnail được nén.
Hạn chế của Smush khiến tôi không nén được phiên bản full-size hình ảnh test. Chỉ thumbnail bị nén. Kể từ WordPress 5.3 giới thiệu kích thước thumbnail mới 1.536×1.536 và 2.048×2.048 pixel, thumbnail lớn nhất cho mỗi hình ảnh test có chiều rộng 1.536 pixel.
Tôi phải dùng cách biến để test Smush công bằng, so sánh thumbnail gốc WordPress tạo trước khi kích hoạt Smush với thumbnail nén bởi Smush.
Kết quả cho thấy Smush giảm JPEG thumbnail 5,6% và PNG thumbnail 13,3%.
| Loại Hình Ảnh | Dung Lượng Gốc | Dung Lượng Thumbnail | Dung Lượng Thumbnail Lossless | Tối Ưu |
|---|---|---|---|---|
| JPEG | 4,06 MB | 422 KB | 398 KB | 5,6% (24 KB) |
| PNG | 327,5 KB | 316 KB | 274 KB | 13,3% (42 KB) |
Dù miễn phí, tôi thấy phiên bản miễn phí Smush quá hạn chế vì chỉ nén thumbnail và lossless không giảm dung lượng nhiều. "Super Smush" cung cấp lossy tốt hơn, nhưng Smush Pro mang lại trải nghiệm tốt hơn nhiều.
Smush Pro không giới hạn dung lượng hình ảnh và công cụ tối ưu hàng loạt cho phép nén không giới hạn số lượng hình ảnh một cú nhấp. Hình ảnh gốc cũng có thể lưu và hỗ trợ WebP. Điểm bán hàng khác là CDN của Smush Pro, cung cấp 10 GB băng thông hàng tháng phân phối hình ảnh từ 45 vị trí toàn cầu.
Smush Pro đi kèm mọi gói premium WPMU Dev. Giấy phép đơn WPMU Dev bán lẻ $90/năm, tức $7,50/tháng hiệu quả. Cung cấp lưu trữ hình ảnh không giới hạn, 5GB lưu trữ CDN và 5GB lưu trữ sao lưu trang web. Gói cao cấp hơn cung cấp thêm lưu trữ CDN và sao lưu.
Ưu điểm Smush
- Nén hình ảnh không giới hạn, không phí hàng tháng
- Cho phép nén hình ảnh từ thư mục không phải WordPress
- Nhiều tùy chỉnh hữu ích và hỗ trợ tốt plugin WordPress thứ ba
- Smush Pro giá cạnh tranh và bao gồm CDN
Nhược điểm Smush
- Phiên bản miễn phí chỉ tối ưu thumbnail
- Phiên bản miễn phí giới hạn dung lượng 5MB
- Cần nâng cấp Smush Pro để hỗ trợ WebP và tối ưu hàng loạt không giới hạn
TẢI SMUSH | SMUSH PRO
2. EWWW Image Optimizer
EWWW Image Optimizer là plugin tôi biết rõ vì dùng trên trang web cá nhân vài năm. Đây là một trong những plugin tối ưu hình ảnh WordPress miễn phí tốt nhất vì không giới hạn số lượng hình ảnh nén và không giới hạn dung lượng tải lên.
EWWW Image Optimizer hỗ trợ nén JPEG, PNG, SVG, GIF. Hình ảnh có thể resize và chuyển đổi sang định dạng khác như WebP. Công cụ tối ưu hàng loạt xử lý không giới hạn số lượng hình ảnh và giữ tệp gốc sau nén. Bạn cũng có thể lên lịch tối ưu và tối ưu media bên ngoài WordPress bằng chỉ định đường dẫn thư mục trên server.
Phiên bản core EWWW cung cấp nén lossless cho JPG, PNG, GIF, mà nhà phát triển gọi là Pixel Perfect. Chế độ nén lossy gọi là premium cũng có sẵn cho PNG miễn phí.
Tôi giảm JPEG và PNG test 3,8% dùng lossless, trong khi lossy giảm PNG 49,6%.
| Loại Hình Ảnh | Dung Lượng Gốc | Lossless | Tối Ưu | Lossy | Tối Ưu |
|---|---|---|---|---|---|
| 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 giảm dung lượng lớn hơn bằng chuyển đổi sang WebP. Nó giảm JPEG 87,9% và PNG 53,8% khi dùng lossy.
| Loại Hình Ảnh | Dung Lượng Gốc | WebP – Lossless | Tối Ưu | WebP – Lossy | Tối Ưu |
|---|---|---|---|---|---|
| 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 premium EWWW Image Optimizer bán lẻ $7/tháng cho giấy phép đơn. Phiên bản này thêm hỗ trợ nén tài liệu PDF và mở khóa 3 chế độ nén lossy. Cũng bao gồm Easy Image Optimizer – CDN tối ưu hình ảnh thích ứng tự động nén, chuyển đổi, resize hình ảnh khi xem. Công cụ hiệu suất Javascript và CSS cũng có sẵn.
CDN của họ có vị trí tại Mỹ và Châu Âu, với 200 GB băng thông cho giấy phép đơn. Giấy phép $15/tháng không chỉ cho dùng EWWW Pro trên 10 trang web mà còn mở khóa CDN toàn cầu và 400 GB băng thông.
Ưu điểm EWWW Image Optimizer
- Không giới hạn dung lượng hình ảnh
- Nén hình ảnh không giới hạn, không phí hàng tháng
- Chuyển đổi WebP giảm dung lượng đáng kể
- Tối ưu hàng loạt một cú nhấp và hỗ trợ thư mục không phải WordPress
Nhược điểm EWWW Image Optimizer
- Nén lossy cho JPEG chỉ có trong phiên bản premium
- CDN toàn cầu chỉ có trong gói premium $15/tháng
TẢI EWWW IMAGE OPTIMIZER | TRANG CHÍNH THỨC
3. Imagify
Imagify là dịch vụ tối ưu hình ảnh WordPress do nhà phát triển plugin cache WP Rocket tạo ra. Plugin cho phép chuyển đổi JPEG, PNG, GIF và PDF.
Để dùng plugin Imagify, bạn cần tạo tài khoản và nhập API key vào cài đặt plugin.
Imagify dùng giao diện đơn giản hiển thị mọi cài đặt trên một trang. Cách này hấp dẫn nhiều chủ trang web, nhưng người dùng nâng cao có thể cảm thấy bị giới hạn do thiếu tùy chọn cấu hình.
Có tùy chọn tự động tối ưu khi tải lên, giữ hình ảnh gốc, xóa metadata và loại trừ kích thước thumbnail khỏi tối ưu. Hình ảnh có thể resize về chiều rộng tối đa chỉ định và chọn hình ảnh từ thư mục tùy chỉnh để tối ưu. Imagify cũng hỗ trợ WebP và phân phối WebP từ CDN.
Tối ưu hàng loạt thực hiện trên trang riêng. Cách nhanh áp dụng mức nén ưa thích cho tất cả hình ảnh trong thư mục.
Imagify cung cấp 3 tùy chọn nén: Normal, Aggressive và Ultra. Normal dùng lossless, Aggressive và Ultra dùng lossy. Nhà phát triển lưu ý chênh lệch chất lượng dùng Aggressive gần như không nhận ra, nhưng cảnh báo Ultra có thể làm giảm chất lượng hình ảnh.
Điều thú vị về Imagify là bạn có thể tối ưu lại hình ảnh dùng mức nén khác bất cứ lúc nào. Bạn cũng có thể dùng công cụ so sánh hình ảnh của Imagify để so sánh chất lượng hình ảnh nén với gốc.
Rất tiếc, Imagify giới hạn tải lên tệp cho tài khoản miễn phí chỉ 2MB, nên tôi phải giảm chiều rộng JPEG từ 2.000 pixel xuống 1.350 pixel để test. Dùng hình nhỏ hơn, lossless giảm 39,9%, lossy (Aggressive) giảm 85% và lossy (Ultra) giảm 85,6%.
Với PNG, lossless giảm 10%. Dùng lossy (Aggressive) tiết kiệm 68,6% và lossy (Ultra) 70%.
| Loại Hình Ảnh | Dung Lượng Gốc | Lossless (Normal) | Tối Ưu | Lossy (Aggressive) | Tối Ưu | Lossy (Ultra) | Tối Ưu |
|---|---|---|---|---|---|---|---|
| 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í Imagify xa xỉ xa. Ngoài giới hạn tải lên 2MB/tệp, chỉ cho 20 MB nén/tháng và tính $8/GB thêm vượt hạn mức. Họ khuyên 20 MB phù hợp 200 hình ảnh, nhưng tôi tin 40-50 hình là ước lượng tốt hơn.
Gói Growth bán $4,99/tháng. Cho 500 MB nén/tháng và tính $5/GB thêm. Gói $9,99/tháng Infinite cho nén không giới hạn.
Ưu điểm Imagify
- Giao diện đầy màu sắc, dễ dùng
- Hình ảnh có thể tối ưu lại dùng phương pháp nén khác bất cứ lúc nào
- Tối ưu hàng loạt xử lý trên từng thư mục riêng
Nhược điểm Imagify
- Nén dường như chậm hơn giải pháp khác
- 20 MB nén/tháng nghĩa là gói miễn phí chỉ phù hợp test dịch vụ
- Người dùng nâng cao có thể thấy thiếu tùy chọn tùy chỉnh gây bực bội
TẢI IMAGIFY | TRANG CHÍNH THỨC
4. Optimole
Optimole là plugin tối ưu hình ảnh WordPress dựa trên cloud, nén hình ảnh on-the-fly và phân phối hình ảnh đúng cho người dùng dựa trên thiết bị. Công ty dùng CDN Amazon Cloudfront phục vụ hình ảnh cho khách truy cập từ hơn 225 vị trí toàn cầu.
Tất cả loại hình ảnh được Optimole hỗ trợ. Hình ảnh cũng được phân phối dạng WebP nếu trình duyệt khách truy cập hỗ trợ, dù tệp vẫn giữ đuôi mở rộng gốc.
Giống Imagify, bạn cần tạo tài khoản Optimole để dùng dịch vụ. Gói miễn phí cho truy cập đầy đủ dịch vụ miễn là không vượt 5.000 lượt truy cập/tháng trên các trang web.
Sau khi nhập API key, bạn thấy trang cài đặt Optimole trong menu Media WordPress. Ở đây có tùy chọn scale và lazy loading, resize hình ảnh, crop thông minh. Cũng có tùy chọn thay thế tất cả URL hình ảnh bằng URL đã tối ưu và offload tất cả hình ảnh lên server Optimole. Hình ảnh có thể loại trừ khỏi tối ưu.
Bạn không thấy tham chiếu lossless/lossy. Thay vào đó, Optimole cho phép đặt chất lượng hình ảnh cho tất cả hình ảnh từ 50 đến 100. Các preset Low (55), Medium (75), High (90) cho bạn ý tưởng điểm bắt đầu.
Trên trang chủ Optimole, bạn có thể resize hình ảnh, áp dụng bộ lọc và điều chỉnh độ sáng, 대비, độ bão hòa. Watermark cũng có thể áp dụng và có trang metrics riêng xem thống kê traffic.
Phân phối thích ứng của Optimole đảm bảo hình ảnh tải nhanh cho mọi khách truy cập, bất kể thiết bị. Vì hình ảnh được phân phối động, Optimole không cho thấy dung lượng tệp cụ thể giảm bao nhiêu. Để xem hình ảnh nén ra sao, tôi đặt chất lượng hình ảnh ở preset low, medium, high. Với mỗi cài đặt, tôi xem hình ảnh test trên trình duyệt desktop và tải tệp về máy.
Kết quả JPEG ấn tượng. Chất lượng hình ảnh vẫn ổn ở setting low và giảm dung lượng 91,6%. Dùng medium và high, dung lượng vẫn giảm 88% và 70,7% tương ứng.
Với JPEG, Optimole thay đổi chất lượng ngay khi tải lại trang. Rất tiếc, điều này không xảy ra với PNG, tệp tối ưu luôn 182 KB bất kể cài đặt chất lượng. Tôi mất hơn 1 giờ thay đổi cài đặt và tải lại hình ảnh, nhưng kết quả luôn giống nhau.
| Loại Hình Ảnh | Dung Lượng Gốc | Low | Tối Ưu | Medium | Tối Ưu | High | Tối Ưu |
|---|---|---|---|---|---|---|---|
| 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) |
Tất cả người dùng Optimole có thể dùng đầy đủ dịch vụ và phân phối hình ảnh on-the-fly từ Amazon Cloudfront, nhưng mỗi gói bị giới hạn bởi lượt truy cập hàng tháng. Gói miễn phí cho 5.000 lượt/tháng, có thể phù hợp trang web nhỏ.
Với $22,90/tháng, gói Starter tăng giới hạn lên 25.000 lượt/tháng. Giá giảm đến $19,08/tháng hiệu quả nếu trả hàng năm. Gói Business tăng lên 100.000 lượt/tháng và cho phép phục vụ hình ảnh từ domain tùy chỉnh. Bán lẻ $47/tháng hoặc $39,08/tháng hiệu quả nếu trả hàng năm.
Ưu điểm Optimole
- Tự động hóa mọi khía cạnh tối ưu hình ảnh
- Phân phối hình ảnh thích ứng kích thước đúng từ 225+ vị trí toàn cầu
- Kiểm soát hoàn toàn mức nén dùng
- Watermark có thể áp dụng tự động cho tất cả hình ảnh
Nhược điểm Optimole
- Không cách nào tối ưu hình ảnh riêng lẻ
- Không dùng cài đặt chất lượng riêng cho định dạng khác nhau
- Đắt hơn giải pháp thay thế
TẢI OPTIMOLE | TRANG CHÍNH THỨC
5. ShortPixel
ShortPixel là plugin tối ưu hình ảnh WordPress dựa trên cloud hỗ trợ JPG, PNG, GIF, PDF, WebP, AVIF. Ngoài lossless và lossy, ShortPixel cũng cung cấp tùy chọn nén ở giữa gọi là "Glossy Compression". Đây đơn giản là thuật ngữ marketing cho lossy không quá mạnh.
Bạn cần tạo tài khoản ShortPixel để dùng dịch vụ. Khi đăng ký, bạn tự động tham gia gói miễn phí cho phép nén 150 hình ảnh/tháng.
Từ khu vực cài đặt plugin, bạn có thể chọn xóa metadata, tối ưu thumbnail, resize hình ảnh lớn và giữ bản sao gốc. Cũng có tùy chọn tối ưu hình ảnh từ thư mục không phải WordPress, chuyển đổi PNG sang JPG, loại trừ kích thước thumbnail. Phiên bản WebP và AVIF cũng có thể tạo, nhưng lưu ý ShortPixel tính thêm credit hình ảnh mỗi lần làm vậy.
Nếu nhập Cloudflare API key, ShortPixel sẽ cập nhật hình ảnh lưu trên cache Cloudflare khi bạn tối ưu hoặc thay đổi hình ảnh. Điều này giúp không phải xóa cache Cloudflare thủ công.
Dịch vụ ShortPixel cũng cung cấp dịch vụ hình ảnh thích ứng. Cho phép hiển thị WebP và AVIF đã tối ưu on-the-fly từ các vị trí toàn cầu, mỗi hình ảnh resize đúng cho thiết bị khách truy cập. ShortPixel Adaptive Images thực sự là giải pháp thay thế riêng biệt nên cần đăng ký gói riêng và cài plugin WordPress riêng để thêm chức năng này. Gói miễn phí adaptive image bao gồm 750 MB traffic CDN/tháng.
Vì ShortPixel cho phép giữ tệp gốc, bạn có thể tối ưu lại hình ảnh dùng mức nén khác bất cứ lúc nào.
Ngoài lossless, giảm dung lượng ấn tượng across the board. Tiết kiệm lớn nhất từ lossy, giảm JPEG 93,4% và PNG 67,3%.
| Loại Hình Ảnh | Dung Lượng Gốc | Lossless | Tối Ưu | Glossy | Tối Ưu | Lossy | Tối Ưu |
|---|---|---|---|---|---|---|---|
| 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) |
Hình ảnh WebP chỉ lớn hơn chút so với lossy, nhưng chất lượng rõ ràng tốt hơn.
| Loại Hình Ảnh | Dung Lượng Gốc | WebP | Tối Ưu |
|---|---|---|---|
| JPEG | 4,06 MB | 351 KB | 91,4% (3,71 MB) |
| PNG | 327,5 KB | 148 KB | 54,8% (179,5 KB) |
Gói premium hàng tháng ShortPixel rất cạnh tranh. Gói rẻ nhất cho 10.500 hình ảnh/tháng. Bán lẻ $4,99/tháng hoặc $3,99/tháng hiệu quả nếu trả hàng năm. Nếu không muốn cam kết hàng tháng, có thể mua gói nén một lần. Chỉ $9,99 cho 15.000 hình và $19,99 cho 45.000 hình.
Gói riêng cần cho dịch vụ adaptive image của ShortPixel, cấu trúc giá giống hệt. 53 GB traffic CDN/tháng tốn $3,99/tháng hiệu quả. Hoặc trả một lần $9,99 cho 50 GB hoặc $19,99 cho 150 GB.
Ưu điểm ShortPixel
- Nén hình ảnh WordPress ấn tượng
- Hỗ trợ nhiều định dạng hình ảnh và thư mục không phải WordPress
- Gói hàng tháng cạnh tranh và tùy chọn trả theo dùng
Nhược điểm ShortPixel
- Hình ảnh WebP và AVIF tốn credit thêm
- Lazy loading không có trong plugin chính
- Adaptive images là giải pháp riêng biệt hoàn toàn
TẢI SHORTPIXEL | TRANG CHÍNH THỨC
6. WP Compress
WP Compress là plugin tối ưu hình ảnh WordPress tự động có 2 chế độ tối ưu. Local Mode nén hình ảnh từ thư viện media WordPress cục bộ, Live Mode phân phối hình ảnh cho thiết bị dùng WebP từ CDN toàn cầu. Cả hai chế độ hỗ trợ lazy loading, retina images, adaptive images để hình ảnh tối ưu cho từng thiết bị.
Rất tiếc, không có gói miễn phí cho WP Compress, nhưng khi tạo tài khoản bạn sẽ được dùng thử 7 ngày.
Từ dashboard chính WP Compress, bạn có thể chuyển đổi chế độ tối ưu, xem thống kê nén, bật retina images, adaptive images, WebP images, lazy loading. Trang riêng cho tối ưu hàng loạt.
Nếu chuyển sang cài đặt pro, bạn tìm thêm tùy chọn xóa metadata, minify Javascript và CSS, v.v. WP Compress hỗ trợ JPG, PNG, GIF, SVG, nhưng có thể loại trừ khỏi phân phối nội dung nếu muốn.
WP Compress cung cấp lossless và 2 chế độ lossy gọi là Intelligent và Ultra. Trong test, Ultra giảm JPEG 89,1% và PNG 48,3%. Intelligent chỉ kém chút, 87,2% và 44,6% tương ứng.
Tiết kiệm dung lượng lossless bất ngờ cao, giảm JPEG 81,2% và PNG 43,1%. Kết quả này không nhất quán với kết quả lossless khác, gợi ý nó không phải lossless thực sự.
| Loại Hình Ảnh | Dung Lượng Gốc | Lossless | Tối Ưu | Lossy Intelligent | Tối Ưu | Lossy Ultra | Tối Ưu |
|---|---|---|---|---|---|---|---|
| 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) |
Tệp WebP lớn hơn tệp nén lossless và lossy.
| Loại Hình Ảnh | Dung Lượng Gốc | WebP | Tối Ưu |
|---|---|---|---|
| JPEG | 4,06 MB | 847 KB | 79,1% (3,21 MB) |
| PNG | 327,5 KB | 250 KB | 23,7% (77,5 KB) |
Với $9/tháng, gói Personal WP Compress cho 100.000 hình ảnh tối ưu/tháng trên 5 trang web. Nâng cấp gói Professional $29/tháng, hạn mức tăng lên 1 triệu hình ảnh trên 25 trang web.
Credit có thể mua nếu không muốn gói hàng tháng. Trả một lần $29 nén 50.000 hình và tạo 1 triệu yêu cầu hình ảnh từ CDN.
Ưu điểm WP Compress
- Chuyển đổi giữa chế độ nén cục bộ và trực tiếp bất cứ lúc nào
- Hình ảnh thích ứng đảm bảo hình ảnh tốt nhất được phân phối cho người dùng
- Hỗ trợ WebP và tất cả định dạng hình ảnh chính
- Giá cạnh tranh và tùy chọn trả theo dùng
Nhược điểm WP Compress
- Không có gói miễn phí cho WP Compress
- Nén lossless dường như quá mạnh
- Không thể tối ưu hình ảnh bên ngoài thư viện media WordPress
TẢI WP COMPRESS | TRANG CHÍNH THỨC
7. TinyPNG
TinyPNG là plugin tối ưu hình ảnh WordPress đơn giản, tối ưu JPEG, PNG, WebP. Đây là plugin WordPress chính thức của công cụ tối ưu cùng tên phổ biến.
Bạn cần tạo tài khoản Tinify để dùng TinyPNG. Sau khi đăng ký, bạn đủ điều kiện 500 lần nén hình ảnh/tháng với gói miễn phí.
Hình ảnh mới có thể tự động nén ngầm hoặc khi tải lên. Nếu thích, bạn có thể nén thủ công.
Hình ảnh gốc và thumbnail liên quan có thể tối ưu. Bạn cũng có thể resize hình ảnh gốc và chọn metadata nào được giữ. Lưu ý nếu nén hình ảnh gốc, hình ảnh nén sẽ ghi đè tệp gốc.
Trang riêng cho tối ưu hàng loạt làm nổi bật tiết kiệm nén bạn đã đạt được.
TinyPNG dùng nén lossy, nhưng không cho phép kiểm soát mức nén. Nhà phát triển khuyên trung bình JPEG nén 40-60% và PNG 50-80%.
Trong test, TinyPNG giảm JPEG 86,3% và PNG 55,3%.
| Loại Hình Ảnh | Dung Lượng Gốc | Lossy | Tối Ưu |
|---|---|---|---|
| JPEG | 4,06 MB | 557,2 KB | 86,3% (3,5 MB) |
| PNG | 327,5 KB | 146,5 KB | 55,3% (181 KB) |
Nén hình ảnh có thể trả khi cần. Hệ thống pay-as-you-go này phù hợp nhiều trang web nhỏ vì 500 lần nén đầu tiên/tháng miễn phí, nhưng nhớ mỗi thumbnail nén cũng tính vào hạn mức tháng.
Sau 500 lần nén, tốn $0,009/lần cho 9.500 lần tiếp theo và $0,002/lần cho 10.000 lần sau. Ví dụ: $4,50 cho 1.000 lần nén, $40,50 cho 5.000 lần và $85,50 cho 10.000 lần.
Mô hình giá này làm TinyPNG đắt đỏ nếu nén hàng nghìn hình ảnh/tháng.
Ưu điểm TinyPNG
- Một trong giải pháp tối ưu hình ảnh đơn giản nhất cho người dùng WordPress
- Công cụ tối ưu hàng loạt hoạt động tốt
- Hệ thống trả theo dùng phù hợp trang web nhỏ
Nhược điểm TinyPNG
- Chỉ một cài đặt nén và không cách nào thay đổi chất lượng hình ảnh
- Hình ảnh gốc không được giữ nếu chọn tối ưu nó
- Không hỗ trợ thư mục không phải WordPress
TẢI TINYPNG | TRANG CHÍNH THỨC
Tóm Lại
Ngày trang web tải chậm đã qua. Bây giờ bạn cần trải nghiệm duyệt nhanh cho khách desktop và mobile, không thì traffic sẽ giảm.
Mặc dù WordPress core không bao gồm công cụ hiệu suất, bạn sẽ tìm thấy hàng trăm plugin hiệu suất và tối ưu WordPress trực tuyến giúp cải thiện thời gian tải trang. Plugin cache và công cụ minify rất hiệu quả tạo trang tĩnh và giảm dung lượng trang, tuy nhiên bạn sẽ không bao giờ có trang web nhanh trừ khi tối ưu hình ảnh.
Dưới đây là tổng quan nhanh các giải pháp tối ưu hình ảnh WordPress trong bài viết.
| Plugin | Miễn Phí | Trả Phí | Tóm Tắt |
|---|---|---|---|
| Smush | Tối ưu không giới hạn hình ảnh dưới 5 MB | $5/Tháng | Smush Pro cung cấp lazy loading, resize và tối ưu hàng loạt. Phiên bản core cho lossless với thumbnail và hỗ trợ lossy đa pass gọi là Super-Smush. Nén không giới hạn chỉ $5/tháng làm Smush Pro một trong giải pháp rẻ nhất. |
| EWWW Image Optimizer | Tối ưu không giới hạn, không giới hạn dung lượng tệp | $7/Tháng | Với hỗ trợ WebP và chuyển đổi định dạng, EWWW chắc chắn là một trong plugin tối ưu hình ảnh WordPress miễn phí tốt nhất. Phiên bản premium cung cấp nhiều chế độ lossy, công cụ hiệu suất và phân phối hình ảnh qua CDN. |
| Imagify | Hạn mức 20MB/tháng cho hình ảnh dưới 2 MB | 500MB: $4,99/Tháng Không giới hạn: $9,99/Tháng | Imagify là plugin tối ưu hình ảnh thân thiện từ người tạo WP Rocket. Không cung cấp nhiều tùy chỉnh, nhưng làm tốt nhiệm vụ và giảm dung lượng đáng kể. Gói miễn phí chỉ phù hợp test Imagify. |
| Optimole | 100% miễn phí tới 5.000 lượt/tháng | 25.000 Lượt: $19,08/Tháng | Optimole làm khác bằng cách phân phối hình ảnh đã tối ưu cho khách truy cập dựa trên thiết bị. Tất cả hình ảnh phân phối từ CDN toàn cầu Amazon 225+ vị trí. Hiệu suất tuyệt vời và quy trình hoàn toàn tự động. |
| ShortPixel | 150 lần nén miễn phí/tháng | 10.500 hình: $3,99/Tháng | ShortPixel hỗ trợ mọi định dạng chính và cho nhiều cách nén và phân phối hình ảnh. Dịch vụ riêng biệt có sẵn hiển thị hình ảnh thích ứng từ CDN toàn cầu. |
| WP Compress | Không | 100.000 hình: $9/Tháng | WP Compress là dịch vụ thú vị cho phép chọn nén cục bộ hoặc phân phối hình ảnh thích ứng dùng CDN. Rất tiếc không có gói miễn phí, nhưng có dùng thử 7 ngày. |
| TinyPNG | 500 lần nén/tháng | 500: MIỄN PHÍ 9.500 tiếp: $0,009 10.000: $0,002 | TinyPNG là giải pháp đơn giản tự động nén hình ảnh. Ngoài xóa metadata, plugin không cho thay đổi chất lượng, tuy kết quả nén tốt. Chính sách giá TinyPNG làm nó rẻ cho chủ trang web nhỏ, nhưng đắt cho người khác. |
Tôi khuyến khích bạn test nhiều plugin tối ưu hình ảnh WordPress để xem cái nào phù hợp nhu cầu nhất.
Trong quá trình nghiên cứu bài viết, tôi đã test tất cả plugin nén hình ảnh WordPress ở trên. Mỗi cái đều có ưu/nhược điểm và tùy trang web bạn tối ưu, bạn có thể ưa chuộng giải pháp nào hơn. Vì vậy bạn cần cân nhắc chức năng, ngân sách và hiệu suất hình ảnh.
Để giúp so sánh, tôi dùng cùng 2 hình ảnh cho tất cả test. Hãy lưu ý kết quả sẽ khác nếu hình ảnh có dung lượng và độ phân giải khác, đây là lý do quan trọng khác để bạn tự test từng plugin.
Chúc may mắn.
Kevin