EWWW Image Optimizer – Sự thay thế tuyệt vời cho Smush.It.
Khi nói đến plugin giúp nén hình ảnh để tối ưu tốc độ load cho blog/ website WordPress, nhiều người sẽ nghĩ ngay đến Smush Image Compression and Optimization (WP Smush.It). Đây cũng là điều hiển nhiên bởi vì plugin được phát hành bởi wpmudev này đã trở nên quá phổ biến với hơn 1.000.000 lượt download. Tuy nhiên, vẫn còn 1 plugin nổi tiếng không kém, mà theo đánh giá của tôi, nó còn tốt hơn cả Smush.It. Với hơn 600.000 lượt download, plugin mà tôi đang muốn nói đến ở đây chính là EWWW Image Optimizer.
Tham khảo thêm:
- Sử dụng định dạng WebP cho hình ảnh trong WordPress
- Làm thế nào để sử dụng Progressive JPEG trong WordPress?
Tại sao EWWW Image Optimizer là plugin nén ảnh miễn phí tốt nhất?
Sở dĩ tôi dám khẳng định EWWW Image Optimizer (EIO) tốt hơn cả WP Smush.It là vì tốc độ nén của nó nhanh hơn và hiệu quả nén cũng cao hơn. Bằng chứng rõ ràng nhất là nhiều hình ảnh nén bằng EIO giảm được nhiều dung lượng hơn so với Smush.It, trong khi chất lượng là tương đương nhau. Hơn nữa, EIO sở hữu nhiều chức năng hữu ích khác mà Smush.It không có. Ví dụ như khả năng chuyển đổi đinh dạng của hình ảnh: từ GIF sang PNG, từ PNG sang JPG và ngược lại. Dung lượng của file GIF > PNG > JPG nên điều này sẽ giúp bạn có tốc độ load nhanh hơn và tiết kiệm không gian lưu trữ. Kể từ khi chuyển sang sử dụng EIO thay cho Smush.It, blog của tôi đã không còn gặp phải bất cứ lỗi nào về tối ưu hóa hình ảnh khi test với các công cụ kiểm tra hiệu suất website.
Ngoài ra, EIO còn tích hợp sẵn tính năng cho phép bạn tạo định dạng ảnh WebP hoàn toàn miễn phí. Nếu chưa biết WebP là gì và tác dụng của nó như thế nào, các bạn có thể tham khảo link ở phần đầu bài viết.
Yêu cầu để sử dụng EWWW Image Optimizer
Điều kiện tiên quyết để có thể sử dụng được EIO theo cách hoàn toàn miễn phí là hosting của bạn phải được bật exec() function trong PHP.
Thông thường, một khi đã tắt exec() thì nhà cung cấp sẽ tắt trên tất cả các phiên bản PHP, nên việc chuyển đổi phiên bản PHP hầu như sẽ không có tác dụng. Nếu host của bạn bị tắt tính năng này, không có cách nào khác là phải liên hệ với nhà cung cấp để yêu cầu họ mở ra. Nếu họ không chịu mở vì lý do “bảo mật” gì đó thì cũng không có cách nào khác là các bạn phải chuyển host. HawkHost và StableHost là những nhà cung cấp không tắt exec() trong PHP nên các bạn có thể thoải mái sử dụng EIO.
Ngoài ra, nếu host bị tắt exec() và bạn có điều kiện về kinh tế, hãy mua gói Cloud Compression để nén ảnh bằng API Key.
Hướng dẫn sử dụng EWWW Image Optimizer
1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin EWWW Image Optimizer (download).
2. Truy cập Settings => EWWW Image Optimizer => Basic Settings và thiết lập các mục như sau:
3. Chuyển sang tab WebP Settings và thiết lập như hình bên dưới:
Click vào nút Save Changes để lưu lại. Ngay lập tức, các bạn sẽ được cung cấp 1 đoạn code mod_rewrite để chèn vào file .htaccess. Tác dụng của đoạn code này là giúp hiển thị định dạng ảnh WebP trên các trình duyệt có hỗ trợ (Chrome, Opera…).
- Nếu web server của bạn là Apache hoặc LiteSpeed, hãy click vào nút Insert Rewrite Rules để chèn code tự động. Trong trường hợp plugin không được phép chèn code vào file
.htaccess, hãy copy nội dung và paste nó vào cuối file.htaccess, thông qua FTP hoặc File Manager của cPanel/ DirectAdmin. - Nếu web server của bạn là NginX hoặc code bên trên không có tách dụng, hãy tick vào mục Alternative WebP Rewriting và click vào nút Save Changes một lần nữa.
Các tính năng khác còn lại, các bạn có thể để mặc định hoặc tự nghiên cứu thêm.
4. Sau khi thiết lập, EIO sẽ tự động nén các hình ảnh bạn mà bạn tải lên. Tuy nhiên, đối với các hình ảnh đã tải lên trước đó, bạn cần phải nén chúng bằng tay. Truy cập vào Media => Bulk Optimize. Tại đây, bạn có thể nén toàn bộ ảnh đã upload và ảnh của theme, plugin với chỉ một vài click chuột.
Click vào nút Scan for unoptimized images => chờ cho quá trình quét kết thúc, sau đó click vào nút Start Optimizing để bắt đầu nén ảnh.
3. Ngoài ra, bạn có thể truy cập vào Media => Library để nén từng ảnh mà bạn muốn bằng cách click vào nút Re-optimize hoặc chuyển đổi định dạng của các file ảnh.
Hiệu quả mà plugin EWWW Image Optimizer mang lại là rất lớn. Tuy nhiên, nó cũng sẽ khiến bạn tốn thêm dung lượng host (để lưu trữ định dạng ảnh WebP – nếu bạn bật tính năng này) và có thể làm giảm chất lượng của hình ảnh. Vì vậy bạn nên cân nhắc kỹ khi có ý định sử dụng nó trên các hosting có dung lượng lưu trữ hạn chế và các website cần hiển thị hình ảnh chất lượng cao.
Bạn đang sử dụng plugin nào để tối ưu hình ảnh trên blog/ website của mình? Bạn đánh giá thế nào về hiệu quả mà chúng mang lại? Hãy chia sẻ 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. :)
Bạn à, theo bạn dùng plug in cài vào để sử dụng so với khi chỉnh sửa ảnh trên photoshop vè nén ảnh online sau đó dow xuống và tải lên web.Cách nào tốt hơn bạn nhỉ
Làm thủ công được thì đỡ tốn tài nguyên host hơn 1 chút. Nhưng cá nhân mình vẫn thích việc nén tự động hơn, vì nó tiết kiệm được thời gian, đặc biệt là khi có nhiều ảnh.
Hay nhưng mình đang dùng sharehost của stablehost cho 2 site, có lẽ không nên dùng.
Tại sao lại không nhỉ? StableHost mở sẵn
exec()và hỗ trợ tốt plugin EIO mà.Đọc câu này của bác này: “Hiệu quả mà plugin EWWW Image Optimizer mang lại là rất lớn. Tuy nhiên, nó cũng sẽ khiến bạn tốn thêm dung lượng host (để lưu trữ định dạng ảnh WebP – nếu bạn bật tính năng này) và có thể làm giảm chất lượng của hình ảnh. Vì vậy bạn nên cân nhắc kỹ khi có ý định sử dụng nó trên các hosting có dung lượng lưu trữ hạn chế và các website cần hiển thị hình ảnh chất lượng cao.”
StableHost có giới hạn dung lượng lưu trữ đâu mà lo. Hơn nữa ngoại trừ những site cần hình ảnh chất lượng gốc (dịch vụ chụp ảnh, đồ họa…) còn lại đều nén vô tư. :P
Oh, em thấy giới hạng đây mà bác http://prntscr.com/j3siw4, em nhằm ah?
Chắc bạn mua lâu rồi. Chứ StableHost bây giờ làm gì có gói giới hạn dung lượng lưu trữ nữa: https://www.stablehost.com/web-hosting.php
2013 bac ah
Hỏi câu nữa bác ơi!
http://prntscr.com/j57j1e
Trong woocommerce chỗ nào tắt cái văn bản thay thế của ảnh vậy bác?
Văn bản thay thế có lợi và được khuyên dùng trong SEO. Sao bạn lại muốn bỏ đi nhỉ? Nghe ngược đời quá. :P
Bác có nhìn cái hình e không đấy?
Em cần nó nên em mới điền vào phần văn bản thay thế, và mình không muốn nó hiển thị như hình chứ không phải mình muốn remove nó đi.
Alt-textkhông hiển thị khi rê chuột lên ảnh nhé. Chỉ có thuộc tínhtitlemới hiển thị như vậy thôi.vậy cho nó ẩn chỗ nào thế bác?
Bước chèn code thì nhấn nút chèn ghi đè nó sẽ tự chèn cho mình đó bạn. Một plugin tuyệt vời mà mình thích nhất, cảm ơn bạn!
Blog em ít ảnh, mỗi khi up lên web là nén bằng TinyPNG. Thấy website này nén ảnh khá tốt. Khỏi phải dùng plugin.
Việt Nam có TP Image Optimizer mình thấy tốt phết, không biết Hiếu đã dùng thử chưa và đánh giá thế nào?
TP Image Optimizer tính năng quá hạn chế, chỉ hỗ trợ nén ảnh JPG. Ngoài ra không có điểm gì nổi bật. Về cơ bản không thể so được với EWWW Image Optimizer, ShortPixel hay Optimus.
Cho em hỏi. blog của em chưa tới 100 ảnh nhưng khi vào Optimizing thì em thấy hơn 1500 ảnh. Là sao bác, bác có cách khắc phục không ạ
Ảnh đó có thể là ảnh được crop ra từ ảnh gốc (ảnh thumbnail) thông qua các dòng lệnh của theme hoặc plugin. Do đó, bạn chỉ có khoảng 100 ảnh gốc nhưng có thể có tới hàng nghìn ảnh với kích thước nhỏ hơn được cắt ra từ ảnh gốc. :P
Vậy khắc phục bằng cách nào bác :h
1. Bạn vào Settings => Media => Chỉnh các kích thước hình ảnh về 0 nếu không sử dụng tới.
2. Cái này phức tạp và đòi hỏi phải có kiến thức chuyên sâu về PHP => mở các file theme ra, tìm và xóa các code được sử dụng để crop kích thước ảnh. Nếu không biết rõ thì không nên làm vì dễ gây lỗi theme.
Ô cảm ơn bác :h
Bác cho em hỏi chút em dùng bethem cài cài cái này vào, nhưng sau khi nén em thấy ảnh vẫn vậy em không hiểu làm sao để nó hoạt động được bác ạ.
Không phải host nào cũng chạy được EIO đâu bạn, nó có một số yêu cầu nhất định đối với PHP đấy. :P Mà sau khi cài bạn đã chạy nén toàn bộ ảnh chưa? Hay chỉ cài vào rồi ngồi chờ nó tự nén? :P
Mình thấy mấy plugin nén này vẫn chưa nén tốt, chưa tối ưu dung lượng đến mức thấp nhất.
Mình toàn dùng trực tiếp trên web optimizilla.com thấy khá tối ưu, google speed không cảnh báo hình ảnh nữa.
Bậy hết sức nhé. EWWW Image Optimizer và ShortPixel đều nén rất tốt. Bị Google PageSpeed báo lỗi chẳng qua là do bạn sử dụng ảnh có kích thước gốc quá lớn so với kích thước hiển thị thực tế trên site thôi. Google PageSpeed không nói rõ điều này, chỉ khi test với GTMetrix thì mới rõ lỗi nằm ở kích thước (dài x rộng) của ảnh chứ không phải do dung lượng của ảnh. :P
Chào bạn, cho mình hỏi trước mình có xài thằng Kraken mà nó cho dung lượng ít quá. Nên giờ mình định xóa nó đi để xài Smush thì các ảnh đã được nén từ trước đó với Kraken có bị lỗi gì không bạn?
Không bạn nhé. Nếu bạn có ý định dùng WP Smush thì mình nghĩ bạn chọn EWWW Image Optimizer sẽ tốt hơn đấy. :)
Vậy hả bạn. Cảm ơn bạn nhé, vậy mình sẽ thử EWWW Image Optimizer :)
EWWW Image Optimizer bây giờ giao diện mới khác quá a ơi :( lúc nào rảnh a cập nhật lại bài này đi :P
Cơ chế và tính năng về cơ bản vẫn thế. Cứ đối chiếu là thiết lập được thôi. :P