Đá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:
- EWWW Image Optimizer – Sự thay thế tuyệt vời cho Smush.It
- Top 10 WordPress plugins giúp tối ưu hóa hiệu suất hình ảnh
Đâ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
Ưu điểm
- Hỗ trợ nén ảnh lossless và lossy. Hỗ trợ chuyển đổi qua lại giữa 2 hình thức này.
- Khả năng giảm dung lượng của ảnh lên đến 70% (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 của hình ảnh để giảm dung lượng và 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.
- Ả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 bạn upload trong quá trình viết bài.
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 shortpixel.com, bạn chỉ được miễn phí 100 ảnh/tháng mà thôi.
Nhập địa chỉ email của bạn và click vào nút Claim Credits.
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 tại đây).
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 giảm chất lượng) 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.
- CMYK to RGB conversion: chuyển đổi định dạng ảnh CMYK sang RGB.
- 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.
- WebP versions: tạo bản WebP cho hình ả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.
- Process in front-end: cho phép nén ảnh do người dùng khác upload.
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. 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ả.
8. 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 subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
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.
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/”. :)
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
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
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 :(((
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.
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ì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
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
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. :)
Mình đang cài EIO rồi, có nên gỡ bỏ để chuyển qua đây ko Hiếu? Mà nếu bỏ đi thì có phải xóa cái gì nữa ko?
Nếu bạn sẵn sàng chi tiền để nén ảnh thì nên chuyển qua. :D Ngoài xóa plugin còn phải xóa thêm một mớ record trong table options của database nữa. Không quen thì cứ để đó, xóa nhầm lỗi web thì nguy. :P
Hiếu ơi mình muốn giảm dung lượng ảnh thì có cần nén thủ công trước khi up lên không? Mình đang dùng Caesim để nén tay. Rồi up lên host lại nén bằng thằng Short tiếp à? Có nên dùng Short hơn EIO không? Điều mình quan tâm là dung lượng ảnh.
Không cần phải nén thủ công bạn nhé. Dùng ShortPixel hoặc EIO là được rồi. Nén lossless và miễn phí thì nên chọn EIO. Còn nén lossy và trả phí thì nên chọn ShortPixel. :P
Em cũng cái phần mềm nén tay trên máy tính như bạn trên, nhưng sao google nó vẫn báo là cần phải nén thêm (em nén mà cái hình nhìn nó giảm luôn cả chất lượng đi 1 tí mà nó vẫn báo vậy là sao nhỉ ??. ) Mà cho em hỏi là mình tải toàn bộ ảnh về mình nén bằng tay rồi up ngược lên thì có được ko nhỉ. Vì host ko xài eWWW đc, còn smush thì quá chậm xài ức chế quá.
Nhiều khả năng không phải là cần nén ảnh mà là cần phải giảm kích thước của ảnh xuống. Bạn đọc kỹ lại cái thông báo lỗi xem có đúng như vậy không. :P
Cho mình hỏi vấn đề này. Ảnh mình up lên nó tự cắt thành nhiều size khác nhau. Khi nén bằng Short Plugin nó chỉ optimized ảnh chính và các thumbnail sinh tự động từ wordpress (khoảng 3 thumb). Những size khác do theme tự crop thì nó không nén? Có cách nào để nén tất cả size ảnh được không nhỉ?
Ủa. Ảnh của mình nó nén hết mà. Kể cả ảnh do WordPress lẫn do theme tạo ra luôn. :P Bạn thử liên hệ với bên support của họ xem sao. Mình liên hệ họ hỗ trợ rất nhiệt tình đấy. Còn giúp mình tạo lại mấy nghìn cái ảnh webp mà. :)
OK, để mình contact thử, thanks Hiếu
Em thường nén thủ công, vì website cũng không có quá nhiều ảnh
Bạn ơi bình thường khi mình upload 1 ảnh lên WP nó sẽ tự động cắt một tấm ảnh ra nhiều size khác nhau. Mà mấy cái cắt ra có sử dụng đâu nên tốn dung lượng hosting. Có cách nào ko làm cho nó tự động cắt ảnh ra bạn nhỉ? hiện tại blog của bạn đang dùng phương pháp nào. Thanks
Bạn tham khảo bài viết “Tiết kiệm dung lượng host và cải thiện hiệu suất WordPress” nhé. Ngoài ra, nếu có kiến thức chuyên môn, bạn có thể mở file functions.php hoặc các file khác của theme để tìm code crop ảnh và xóa chúng đi (nếu không dùng tới). :P
Bạn ơi ví dụ mình nén 100 ảnh rồi, sau đó xóa plugin đi thì những ảnh đã dc nén có về tình trạng ban đầu lúc chưa nén hay ko nhỉ?
Không bạn nhé. :P
Anh Hiếu cho em hỏi với ạ.
Em dùng cách là:
– Em bỏ hình ảnh vào PTS.
– Em save for web rồi cho thành định dạnv .jpg
– Sau đó em mới upload lên blog.
Cách làm này có hiệu quả không anh? Em thấy blog vẫn khá nặng ạ !
Mình chưa làm vậy bao giờ nên cũng không rõ bạn ạ. Trước giờ mình chỉ nén tự động bằng plugin lúc upload ảnh lên web thôi. :P
Mình chỉnh i như vậy rồi nhưng ra F12 thì vẫn hiện hình cũ ko thấy hiện webp
Bạn dùng web server NginX hay Apache/ LiteSpeed? Bạn dùng plugin nào để tạo định dạng WebP?
Dùng plugin này để đổi định dạng ảnh sang .webp được không bác? Để người khác đỡ copy ảnh của mình. Cái nào cần nén thì nén thôi bác nhỉ?
Nếu bạn chỉ muốn tạo định dạng WebP thì có thể thử dùng plugin WebP Express.
Plugin này đổi toàn bộ đuôi sang .webp à bác. Định dạng ảnh này nhẹ hơn lại chống được copy ảnh bác nhỉ?
Không phải đổi đuôi mà là tạo thêm 1 ảnh khác có đuôi .webp bạn nhé. Nên số lượng ảnh sẽ tăng lên gấp đôi. Nó chỉ chống download ảnh được trên các trình duyệt có hỗ trợ ảnh WebP thôi (down về không xem được). Chứ trên trình duyệt khác thì vẫn download bình thường do nó hiển thị ảnh PNG/JPG.