Đánh giá ShortPixel – plugin nén ảnh giá rẻ tốt nhất dành cho WordPress.
Hình ảnh thường là thành phần chiếm dung lượng lớn nhất trong page-size của một trang, đặc biệt là những trang sử dụng nhiều ảnh. Do đó, nếu hình ảnh được tối ưu không tốt, chúng hoàn toàn có thể khiến tốc độ load trang của bạn chậm đi rất nhiều. Trong những bài viết trước đây, tôi đã từng giới thiệu với bạn một số dịch vụ và plugin miễn phí để tối ưu hình ảnh cho WordPress. Tuy nhiên, cái gì cũng có giá của nó. Những dịch vụ miễn phí thường chỉ hỗ trợ nén lossless nên hiệu quả không cao.
Tham khảo thêm:
- Hướng dẫn nén ảnh bằng plugin reSmush.it Image Optimizer
- Hướng dẫn nén ảnh bằng plugin Robin Image Optimizer
Đây chính là lúc chúng ta nên nghĩ đến việc chi tiền cho các dịch vụ nén ảnh chất lượng cao, giá thành hợp lý. Và ShortPixel là một trong số những ứng cử viên sáng giá nhất. Tại sao tôi lại chọn ShortPixel? Hãy cùng dành ít phút để tìm hiểu ngay sau đây.
Ưu và nhược điểm của ShortPixel
Nhìn chung, plugin ShortPixel có một số ưu và nhược điểm như sau:
Ưu điểm
- Sử dụng server riêng của ShortPixel để nén ảnh nên không tiêu tốn tài nguyên (CPU, RAM) của host.
- Hỗ trợ nén ảnh lossless, lossy và glossy (nằm giữa lossy và lossless). Hỗ trợ chuyển đổi qua lại giữa các hình thức này.
- Khả năng giảm dung lượng của ảnh lên đến 80% (lossy) mà hầu như không làm thay đổi chất lượng (mắt thường không phân biệt được).
- Hỗ trợ backup hình ảnh gốc để restore trong trường hợp cần thiết.
- Hỗ trợ chuyển đổi định dạng CMYK sang RGB giúp hiển thị tốt trên mọi kích thước màn hình.
- Cho phép loại bỏ các thẻ EXIF (dữ liệu GPS, ngày tháng, thiết bị sử dụng để chụp hình…).
- Hỗ trợ resize hình ảnh xuống một kích thước nhất định nếu chúng quá lớn.
- Hỗ trợ tạo phiên bản WebP và AVIF của hình ảnh để giảm dung lượng, tăng tốc độ load.
- Cho phép nén ảnh trong các thư mục tùy chỉnh, ngoài thư mục /uploads/ (ví dụ thư mục /themes/ hay /plugins/).
- Có chương trình Tell a Friend giúp bạn kiếm thêm 100 ảnh miễn phí mỗi tháng khi giới thiệu 1 người khác sử dụng dịch vụ của ShortPixel. Không giới hạn số người được giới thiệu.
- Giá rẻ hơn nhiều so với các dịch vụ đối thủ.
- Hỗ trợ nén ảnh PNG, JPG, GIF và cả file PDF.
Nhược điểm
- Thỉnh thoảng xảy ra tình trạng bị lỗi khi nén ảnh. Bạn sẽ nhận được thông báo ảnh không tồn tại trên host trong khi click vào link ảnh vẫn thấy hiển thị bình thường.
- Bạn cần phải trả tiền nếu muốn nén nhiều ảnh.
- Tốc độ nén lossy không nhanh (do sử dụng server của ShortPixel chứ không phải sử dụng tài nguyên host của bạn).
- Ảnh chỉ được nén khi bạn truy cập vào Media => Library (thư viện ảnh của WordPress) hoặc vào Media => Bulk ShortPixel. Không tự động nén hình ảnh trong nền bằng cron job được.
- Hiện tại ShortPixel đã tính phí cả việc tạo định dạng WebP lẫn AVIF. Mỗi ảnh WebP/ AVIF tương ứng với 1 credit. Do đó, nếu tạo định dạng WebP/ AVIF, bạn sẽ tiêu tốn số credit gấp đôi so với thông thường.
Hướng dẫn cài đặt và sử dụng plugin ShortPixel
1. Đầu tiên, các bạn cần phải truy cập vào đây và đăng ký cho mình một tài khoản ShortPixel. Lưu ý, chỉ khi đăng ký theo link trên thì bạn mới được nén miễn phí 200 ảnh/tháng. Nếu đăng ký trực tiếp trên website của ShortPixel, bạn chỉ được miễn phí 100 ảnh/tháng mà thôi.
Nhập địa chỉ email của bạn, tick vào mục I’ve read the ToS and the Privacy Policy and I agree to use the ShortPixel services và click vào nút Sign Up.
2. Ngay lập tức, một email sẽ tự động được gửi vào hộp thư của bạn kèm theo API Key và mật khẩu đăng nhập tài khoản ShortPixel.
3. Cài đặt và kích hoạt plugin ShortPixel Image Optimizer (download).
4. Truy cập vào Settings => ShortPixel. Trong tab General, nhập API Key được cung cấp ở bước 2, sau đó click vào nút Validate.
5. Tiếp tục thiết lập các mục còn lại trong tab General.
Trong đó:
- Compression type: lựa chọn hình thức nén là lossy (nén ở mức cao nhất), glossy (nén ở mức vừa phải) hoặc lossless (nén không giảm chất lượng). Nếu site của bạn không cần các hình ảnh với độ phân giải lớn, độ sắc nét cao (trang về chụp ảnh, tranh ảnh nghệ thuật) thì nên chọn lossy để dung lượng ảnh nhỏ hơn.
- Also include thumbnails: nén cả ảnh thumbnail. Lưu ý, mỗi ảnh thumbnail được tính là 1 ảnh riêng nên nếu bạn có nhiều ảnh thumbnail thì số lượng ảnh cần nén là rất lớn => tốn nhiều chi phí hơn.
- Image backup: tạo bản backup cho ảnh gốc để restore trong trường hợp cần thiết. Tuy nhiên, việc này sẽ khiến cho dung lượng lưu trữ trên host tăng lên nhiều. Do đó, các bạn nên cân nhắc việc có cần thiết phải backup ảnh gốc hay không.
- Remove EXIF: loại bỏ các thẻ EXIF.
- Resize large images: tự động resize ảnh lớn về một kích thước ảnh cụ thể do bạn thiết lập.
6. Chuyển qua tab Advanced.
Trong đó:
- Additional media folders: nén các thư mục khác, ngoài thư mục /uploads/.
- Convert PNG images to JPEG: tự động chuyển đổi ảnh PNG thành ảnh JPG/JPEG để giảm dung lượng lưu trữ (tuy nhiên chất lượng ảnh cũng sẽ bị giảm theo và không hỗ trợ ảnh có nền trong suốt).
- CMYK to RGB conversion: chuyển đổi định dạng màu sắc từ CMYK sang RGB.
- Next Generation Images: tạo định dạng WebP hoặc AVIF cho hình ảnh.
- Deliver the next generation versions of the images in the front-end: load ảnh WebP/ AVIF trên giao diện website.
- Optimize Retina images: nén ảnh retina (@2x).
- Optimize other thumbs: nén các ảnh thumbnail khác.
- Optimize PDFs: nén file PDF.
- Exclude patterns: không tối ưu các hình ảnh có tên, đường dẫn hoặc kích thước do bạn quy định.
- HTTP AUTH credentials: điền vào nếu bạn sử dụng mật khẩu để chặn người khác truy cập vào site.
- Optimize media on upload: tự động nén ảnh khi upload.
- Process in front-end: cho phép nén ảnh do người dùng khác upload trên giao diện website.
- Exclude thumbnail sizes: loại trừ các kích thước ảnh thumbnails mà bạn không muốn nén.
Click vào nút Save Changes để lưu lại hoặc Save and Go to Bulk Process để lưu và tiến hành nén toàn bộ ảnh có trên site của bạn.
7. Nếu website của bạn đang sử dụng CloudFlare CDN, đừng quên khai báo thông tin trong tab CloudFlare API. Việc này sẽ giúp tự động xóa cache trên CloudFlare khi ảnh được nén xong.
8. Tab Statistics chỉ thể hiện các thông số và bạn không cần phải thiết lập bất cứ một mục nào cả.
9. Truy cập vào Media => Library và chờ quá trình nén ảnh tự động diễn ra hoặc truy cập Media => Bulk ShortPixel và click vào nút bắt đầu. Quá trình diễn ra lâu hay chậm là hoàn toàn phụ thuộc vào số lượng ảnh và kết nối mạng giữa hosting với máy chủ của ShortPixel.
Lưu ý: không tắt tab hoặc tắt trình duyệt trong khi nén ảnh. Nếu bạn tắt, quá trình sẽ tạm dừng cho đến khi bạn mở trở lại.
Sau khi nén ảnh bằng plugin ShortPixel, page-size của WP Căn bản nhẹ bớt thêm hàng trăm KB/trang, khiến cho nó vốn đã nhanh nay càng nhanh hơn. Thật tuyệt vời phải không nào? Bạn còn chần chừ gì nữa mà không trải nghiệm ngay?
Bạn biết giải pháp tối ưu hình ảnh khác có chất lượng tốt và chi phí rẻ hơn? Hãy giới thiệu nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Blog bác thuộc hàng nhanh nhất VN rồi, tối ưu chi hoài :D
Phải không ngừng cố gắng vươn lên chứ. Tự hài lòng với bản thân là chết ngay. :P
Bác thấy blog em thế nào có nhanh không? :D
Cũng nhanh đấy. Dùng host của bên TP à? Có ổn định không? Cái giao diện nhẹ hều + sử dụng host có server trong nước thì chậm sao nổi. :D
Lúc đầu thì không ổn định mấy, nhưng càng về sao càng ổn, cộng thêm yếu tố nữa là quá ít truy cập :D
:D Đúng rồi. Phải có lượng truy cập lớn thì mới đánh giá chính xác được chất lượng host. :)
Anh Hiếu Bỏ EIO rồi à??
Chuyển qua yêu ShortPixel rồi. :P
Em vẫn dùng EIO. Từ lúc bỏ Smush thì kết luôn EIO rồi. :D
EIO nén lossless (miễn phí) thì bá nhất rồi. Nhưng nếu nén lossy (trả phí) thì vẫn đắt hơn ShortPixel rất nhiều. :P
Tình hình là em đang gặp tình trạng rất khó hiểu, như sau : http://sv1.upsieutoc.com/2016/11/11/Capture.png em thử các kiểu con đà điểu mà vẫn không thể truy cập website, đã trỏ NS về VPS và cả Share Hosting xong up website lên ngon lành, kết quả vẫn cứ không truy cập được, đã reset máy, thay trình duyệt mà nó cứ thế .Không biết đây là lỗi gì và khắc phục như thế nào v anh Hiếu . :-(
Bạn không cung cấp tên miền, ảnh chụp các record DNS của tên miền thì chẳng ai có thể biết được mà giúp bạn đâu. :P Bạn có sử dụng CloudFlare hay chèn code gì trong file .htaccess không? Cấu hình sai file wp-config.php cũng có thể gây ra lỗi này. :P
Em hỏi ngoài lề 1 chút được không :D bên canhme có cái plugins chuyển trang dạng domain/cloud chẳng hạn nó giống như Go to Redirect ý
Bạn tham khảo bài viết này nhé: https://wpcanban.com/wordpress/wordpress-plugins/top-5-plugins-an-link-affiliates-tot-nhat-cho-wordpress.html :P
Tớ là tớ cứ xuất file bằng ps xong ra dùng cái FileOptimizer64 nén tiếp , sau đó đưa lên .. kiểm tra cả karen.io lẫn EWWW tối ưu lại mà vẫn không hề thay đỗi tí kb nào :)
Cũng là một giải pháp tốt. :D Nhưng EIO và Karen.io là anh nén lossy hay lossless? :P
EWWW chế độ tốt nhất , anh mua gói 9$ , xài hết 3k5 image lại mua tiếp , thấy vậy chứ chủ yếu viết bài nên không nhiều, giá 9$ xài tẹt ga .. hehe .. Tuy nhiên để chắc ăn khỏi tối ưu lại cứ xuất file xong là nén ảnh , chỉ cần chụp kéo là nó nén hết cả đống ảnh
Em coi qua bảng giá của EIO rồi. $9 mua được 3k5 ảnh. Nhưng bên ShortPixel thì $10 mua được 10k ảnh. :P Mua qua link tiếp thị thì còn được hẳn 15k luôn. Rẻ hơn nhiều. :D
đợi site khác ra dùng ShortPixel , chứ giờ mà cà iplugin ShorPixel vô là database nó lên 1 mớ .. vỡ mặt ngay … trước anh mua karen.io .. bà mịa nó chậm , mỗi lần up ảnh lên là không làm được thao tác khác , phải đợi nó tối ưu xong mới được.
Anh Hiếu ơi, bây giờ em muốn thêm www vào domain thì phải làm thế nào anh nhỉ ?
Thêm www vào làm gì nhìn cho vướng mắt vậy bạn? Có tác dụng gì đâu? :P Thử thêm code redirect này trong file .htaccess xem:
RewriteEngine On
RewriteCond %{HTTP_HOST} ^yourdomain.com [NC]
RewriteRule ^(.*)$ http://www.yourdomain.com/$1 [L,R=301]
Nhớ thay yourdomain.com bằng tên miền của bạn nhé. Nếu bạn đang dùng SSL thì đổi http thành https. :P
Mình cũng redirct = .htacess mà vào woorank check thế đéo nào là chưa xứ www :(((
Cài vào lại nặng web, mình thì toàn nén trước khi upload.
Ít ảnh thì làm vậy được chứ nhiều ảnh mà nén thủ công thì hơi mệt. :D
Có cái plugin nào tương tự cái Clean image không nhở? Wp nhân ảnh ra nhiều vô đối, tốn nhiều dung lượng ghê. À mà làm sao cho nó khỏi nhân nữa nhỉ?
Tham khảo bài viết này nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/tiet-kiem-dung-luong-host.html. Ảnh không dùng thì bạn nên vào Library, lọc theo thẻ Unattached và xóa chúng đi. Đừng sử dụng plugin Clean Images vì nó không hiệu quả, nhiều lúc còn xóa luôn cả ảnh đang dùng. :P
Hôm trước bạn giới thiệu nên mình cài, cũng đã mua gói 20$, nhưng ngặt lỗi cài vào website hay bị lỗi, nên không nén được ảnh thumbnails. Lỗi Warning: session_start(): open(/var/lib/php/session/sess_a196junvnr8sssip24jnaj0d67, O_RDWR) failed: Permission denied (13) in /home/beptutotnhat.com/public_html/wp-content/plugins/shortpixel-image-optimiser/wp-shortpixel.php on line 61.
Trong khi kraken.io thì lại đắt.
Cái này là do PHP của host bạn đang dùng rồi. Mình hoàn toàn không bị lỗi này. :)
P/s: Copy cái mã lỗi kia rồi mở ticket yêu cầu nhà cung cấp hosting fix cho nhé. :P
Mình dùng VPS tự set :(
Vậy thì phải copy mã lỗi rồi paste vào Google mà search các sửa thôi. :D Copy đoạn này nè: “Error Warning: session_start(): open(/var/lib/php/session/”. :)
Mình vẫn tự nén bằng tay bằng web https://kraken.io/ tuy cực chút nhưng ko sao :P
Nếu bạn không có quá nhiều ảnh thì nén thủ công cũng là một cách hay. :P
Giống mình, toàn nén bằng trang này không à vì giao diện dễ dùng và nén rất tốt.