ShortPixel – Plugin Nén Hình Ảnh tốt nhất trên WordPress

0 Shares

Yo ! chào mọi người ....

Mình ít khi đặt Titile có dạng cái gì blala.. tốt nhất, nhưng mà lần này review về ShortPixel mình không ngại đặt như vậy, vì mình có lý do 

Để mà đánh giá cái này tốt hay xấu ta thường đem so sánh với mấy cái thứ khác liên quan, ở bài này mình sẽ chia ra khá nhiều, phần bao gồm việc review tổng quan ShortPixel, So sánh ShortPixel vs Imagiphy, Karaken.io, Smuch, Ewww, Opimus, TinyPNG và phần quan trọng là hướng dẫn sử dụng, tối ưu ShortPixel.Mình làm cái Tab cho các bạn dễ tìm nhenggg !

Giới thiệu và hướng dẫn sử dụng Short Pixel

1.Short Pixel là gì ?

Tiêu đề đã nói hết cho bạn biết , mình chỉ muốn nhấn mạnh Shortpixel là Plugin nén ảnh hoàn toàn tự động, phía ShortPixel sẽ cung cấp cho bạn API gắn vào website, mỗi khi tải ảnh mới shortpixel sẽ tự động nén ảnh theo cấu hình của bạn mà bạn không cần làm bất kỳ thao tác nào.

2. Tính năng

  • Hỗ trợ nén ảnh lossy và lossless cho các định ảnh phổ biến như JPG, PNG, GIF và WebP nén được cả file PDF ngay cả phiên bản Free
  • check
    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ợ chuyển đổi hình ảnh sang định dạng WebP tăng tốc độ tải trang lên cao nhất.
  • Hỗ trợ chuyển đổi định dạng CMYP sang RGP giúp hiển thị tốt trên mọi kích thước màn hình
  • check
    Bạn có thể sử dụng một API trên nhiều website ( Rất thuận tiện và tiết kiệm). Cho phép loại bỏ các thẻ EXIF như dữ liệu GPS, ngày tháng và thiết bị sử dụng để chụp hình…
  • check
    Hỗ trợ backup hình ảnh gốc để khôi phục khi cần
  • check
    Hỗ trợ nén ngoài bên ngoài thư mục uploads

Đặc biệt mình cực kỳ thích chức năng Nén các ảnh cũ đã up trên website , với nó bạn có thể nén lại những file ảnh mà mình đã upload trước đó, là trước khi biết mặt mủi Shortpixel ý 😀 

3.Hướng dẫn cài đặt và sử dụng plugin ShortPixel

   Trước hết, các bạn cần phải có tài khoản ShortPixel, nói đúng ra phải có API của ShortPixel và Plugin ShortPixel, các bạn có 2 sự lựa chọn.

1.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.

2.Điền Email của bạn và nhận ngay lập tức API, một email khác sẽ tự động gửi đến bao gồm mật khẩu, thông tin tài khoản và API, bạn cần xác nhận email để API có thể hoạt động

3.Cài đặt và kích hoạt plugin ShortPixel Image Optimizer bình thường như những plugin wordpress khác

4. Tiếp tục truy cập vào Settings => ShortPixel (Thiết lập => ShortPixel). Trong tab General, nhập API Key được cung cấp ở bước 2, sau đó click vào nút Validate.

A.Các tùy chọn cơ bản : 

Mặc định kiểu nén của nó là Lossy – mất chất lượng, nhưng không đáng kể và cho hiệu quả nén cao nhất (giảm được nhiều dung lượng ảnh nhất).

Glossy là kiểu nén cho chất lượng rất gần với ảnh gốc, rất thích hợp với những ảnh chất lượng cao trên website, những ai chụp ảnh chuyên nghiệp có thể thích lựa chọn này.

Lossless là kiểu nén cho hiệu quả thấp nhất (về mặt giảm dung lượng) nhưng chất lượng ảnh cao nhất, gần như không có bất kỳ suy chuyển nào so với ảnh gốc.

B. Nén các ảnh nhỏ (image thumbnails)

Trong WordPress, đặc biệt bạn nào cài Plugin woocommerce hoặc 1 số plugin slider khác wordpress sẽ tự sinh ra những site ảnh nhỏ với kích thước khác nhau  để tối ưu hiển thị trên các thiết bị khác nhau như điện thoại di động, máy tính bảng.Trong trường hợp không cần thiết bạn nên tắt những size ảnh không cần thiết để giảm tải dung lượng database. Trường hợp bắt buộc sử dụng ảnh tumbnails và muốn ShortPixel tối ưu dung lượng ảnh nhỏ này có thể tick chọn như bên dưới

C. Sao lưu ảnh gốc

Đây là lựa chọn giúp bạn lưu giữ và tách riêng ảnh gốc ra một thư mục riêng biệt với ảnh được tối ưu, phòng trường hợp cần thiết có thể khôi phục lại nếu ảnh nén cho chất lượng không ưng ý hoặc bạn muốn lưu trử ảnh gốc để làm gì đó .

Bạn cũng nên để như mặc định là tick chọn

D. Xóa bỏ dữ liệu EXIF

EXIF là các dữ liệu bổ sung cho bức ảnh như tốc độ màn chập, ISO, loại máy ảnh, ngày tháng chụp, vân vân. Ngoại trừ trường hợp đặc biệt, còn không bạn nên xóa dữ liệu này để giảm dung lượng ảnh.

Bạn nên để như mặc định, tức là tick chọn để bỏ dữ liệu EXIF.

F. Giảm kích  các ảnh lớn

Tùy chọn này giúp bạn tự động cắt các bức ảnh lớn, quá khổ không cần thiết chiếm dung lượng hosting , bạn nên chủ động tick chọn và nhấn Save lại nhé.Bạn có thể điều chỉnh con số bên trong nếu muốn (924), nhưng đừng động đến nó nếu bạn không thực sự hiểu hết ý nghĩa của thao tác này. Cách an toàn là đừng để con số trên nhỏ hơn 924.

4. Tùy chọn nâng cao

Phần tùy chọn nâng cao này yêu cầu bạn phải có hiểu biết sâu hơn về WordPress, nếu bạn mới làm quen, chỉ cần dừng lại ở bước 3  & chuyển qua bước 5 luôn để thực hiện tối ưu hóa ảnh.

Ngược lại, nếu bạn tự tin, chúng ta sẽ đi vào phần nâng cao ngay bây giờ.

A. Lựa chọn thư mục nén ảnh

Thông thường chỉ ảnh trong thư viện mới được nén (thường ở Media > Library), nhưng nếu bạn muốn nén ảnh ở thư mục khác, bạn cần chỉ cụ thể thư mục đó trong phần này. Nhấn Select…chọn thư mục rồi click Add Folder.

B. Chuyển ảnh PNG sang JPG khi có thể

Đây là tùy chọn mình cho rằng bạn nên làm, bằng mắt thường ảnh PNG và JPG không có nhiều khác biệt, tuy nhiên ảnh PNG lại nặng hơn rất nhiều lần so với JPG điều này ảnh hưởng không nhỏ đến tốc độ tải trang và dung lượng hosting. Bạn yên tâm là với tùy chọn này  ảnh PNG đó phải không có thuộc tính trong suốt nên không ảnh hưởng gì đến những ảnh mà bạn buộc phải là PNG

C. Chuyển đổi định dạng màu từ CYMK sang RGB

Mặc định là tick chọn.

Màu hiển thị trên máy tính dùng hệ màu RGB, và không cần hệ màu CYMK (dùng trong in ấn), do vậy việc chuyển đổi từ CYMK sang RGB giúp ảnh giảm dung lượng.

D. Sử dụng định dạng ảnh WebP

Mặc định là không tick chọn.

Nếu bạn tick chọn các ảnh sẽ chuyển sang định dạng ảnh WebP. Việc này có thể giúp ảnh PNG giảm dung lượng 3 lần và giúp ảnh JPG giảm 25% dung lượng.

Nhược điểm của WebP là hiện nó không được nhiều trình duyệt lớn hỗ trợ (mới có Google Chorme & Opera là hiển thị tốt, còn IE, Safari, FireFox đều chưa hỗ trợ), nên bạn sẽ phải sử dụng đồng thời WebP và các phiên bản JPG và PNG để hiển thị đầy đủ trên tất cả các trình duyệt.

Việc cho phép chuyển ảnh sang định dạng WebP là tính năng đáng giá của ShortPixel mà không nhiều plugin nén ảnh có, đây cũng chính là lý do mình sử dụng plugin này để tối ưu hóa ảnh cho một đối tác thay vì sử dụng plugin đã quen trước đó là Imagify.

E. Tạo mã đánh dấu cho ảnh WebP

Mặc định là không tick chọn.

Nếu bạn tick chọn ở phần D thì mới cần quan tâm đến phần này. Ở đây chúng ta tạo ra các mã đánh dấu cho ảnh WebP thay thế thẻ <img>

F. Tối ưu ảnh Retina

Mặc định là tick chọn.

Điều này có nghĩa là nếu bạn có plugin tạo ảnh Retina thì ShortPixel cũng tối ưu hóa các ảnh đó

G. Tối ưu hóa file PDF

Mặc định là tick chọn.

Điều này nghĩa là nó sẽ tự động nén file PDF của bạn, đây cũng là tính năng không nhiều plugin nén ảnh có, và là một bổ sung có giá trị.

H. Không nén một số file ảnh 

Tùy chọn này giúp bạn không thực hiện nén ảnh một hoặc nhiều file ảnh 

ShortPixel sẽ dựa vào mẫu 3 mẫu từ để loại trừ việc nén ảnh hay không: điền trong mục Exclude patterns

  • Dựa trên tên ảnh
  • Dựa trên đường dẫn của ảnh
  • Dựa trên kích cỡ ảnh (khoảng kích cỡ hoặc kích cỡ cụ thể)

Các mẫu loại trừ cách nhau bởi dấu phẩy

I. Phần này bỏ qua

Bạn không phải quan tâm đến phần này, vì rất hiếm website cần dùng đến nó.

J. Tối ưu front-end

Mặc định bỏ chọn.

Nếu trang web của bạn người dùng thường up ảnh hoặc file PDF thông qua form ở front-end (giao diện người dùng cuối) bạn nên tick chọn cái này. Vì trường hợp đó không nhiều nên Short Pixel mặc định bỏ chọn.

Nếu bạn tick chọn và trang web của bạn có nhiều người up dữ liệu cùng lúc nó có thể làm server làm việc vất vả

K. Tối ưu hóa ngay khi up ảnh

Mặc định là tick chọn.

Điều này nghĩa là ShortPixel tự động nén ảnh ngay lập tức sau khi nó được tải lên. Đây là tùy chọn bạn nên giữ nguyên. Nếu không bạn sẽ phải mất công nén ảnh thủ công.

L. Không tối ưu một số kích cỡ

Mặc định là bỏ chọn.

Trong đa số trường hợp bạn nên giữ mặc định này để không loại trừ thumbnail nào cả. Tất cả ảnh đều cần được nén.

Cuối cùng bạn nhấn Save Changes để lưu kết quả.

5. Nén các ảnh cũ đã up trên website

Để tối ưu hóa ảnh cũ, bạn vào Media sau đó vào Bulk ShortPixel

Ở tùy chọn này bạn củng có thể chọn lưu ảnh củ sang 1 folder mới để lưu trữ khi cần dùng lại ảnh gốc

6. Nén lại & khôi phục ảnh gốc

Bạn hoàn toàn có quyền nén lại một ảnh nào đấy hoặc khôi phục lại ảnh gốc nếu muốn. Ở thư viện (Media > Library), bạn nhấn vào biểu tượng sau ở góc ngoài cùng bên tay phải tương ứng với ảnh bạn muốn tác động:

Re-optimize lossy: nghĩa là nén lại ảnh theo kiểu lossy.

Re-optimize glossy: nghĩa là nén lại ảnh theo kiểu glossy.

Restore backup: nghĩa là khôi phục lại ảnh gốc.

7. So sánh ShortPixel với Smush , Imagify , Kraken , Optimus , EWWW và TinyPNG .

Để có cái nhìn khách quan trong việc so sánh ShortPixel với các công cụ nén ảnh khác, mình sẽ đi so sánh nhiều khía cạnh chứ không phải công cụ nào nén ảnh " giảm được nhiều dung lượng nhất " . Tốt nhất ở đây phải so sánh về giá cả, tính năng, về hiệu suất và cả những tính năng đặc biệt của từng công cụ

A.Công cụ nén ảnh trực tuyến

Công cụ

Site nén trực tuyến

Link

ShorPixel


Imagify

Kraken

TinyPNG

Smush

Không

Optimus

Không

EWWW

Không

B.Kế hoạch miễn phí , Quà tặng và giới hạn kích thước file nén

Công cụ

Giới hạn gói miễn phí

Các tính năng tương tự như gói trả phí

Không giới hạn kích thước File nén

Đánh giá

ShorPixel


100 ảnh/ tháng

Imagify

25MB một lần 
25 MB / tháng

Max 2MB

EWWW

500 free credits

TinyPNG

500 free credits

Kraken

100 MB

Không

Max 1MB

Smush

Unlimited

Không

Max 1MB

Optimus

Unlimited

Không

Max 100KB

C. Các tính năng tối ưu hóa cơ bản 

Ta sẽ đi so sánh các tính năng cơ bản của các công cụ gồm, định dạng hình ảnh, chế độ tối ưu hóa, tối ưu hàng loạt, chức năng sao lưu và khôi phục ảnh gốc

Chú thích: 
- PRO có nghĩa là tính năng này chỉ có cho các gói trả phí. 
- KHÔNG có nghĩa là không có tính năng đó trong plugin hoặc trên trang web 

Glossy là kiểu nén cho chất lượng rất gần với ảnh gốc, rất thích hợp với những ảnh chất lượng cao trên website, những ai chụp ảnh chuyên nghiệp có thể thích lựa chọn này.

Lossless là kiểu nén cho hiệu quả thấp nhất (về mặt giảm dung lượng) nhưng chất lượng ảnh cao nhất, gần như không có bất kỳ suy chuyển nào so với ảnh gốc.

Bulk là nén hàng loạt ảnh cùng lúc

Công cụ

LOSSY

LOSSLESS

BULK

PDF

Định dạng

Đánh giá

ShorPixel


JPEG, PNG,
GIF

Smush

PRO

PRO

Không

JPEG, PNG,
GIF

Imagify

Không

JPEG, PNG,
GIF

Kraken

Không

Không

JPEG, PNG,
GIF

EWWW

JPEG, PNG,
GIF

Optimus

Không

Không

JPEG & PNG

TinyPNG

Không

Không

JPEG & PNG

D. Bảo mật và sao lưu dữ liệu

Công cụ

BACKUP
BULK RESTORE

HTTPS

Đánh giá

ShorPixel


Smush

PRO

Không

Imagify

Không

Kraken

Không

Không

EWWW*

Không

TinyPNG

Không

Không

* Chức năng sao lưu chỉ có sẳn trong 30 ngày.

E. Tối ưu hóa linh hoạt

Mỗi nhà phát triển WordPress đều biết rằng mỗi bản cài đặt đều có những đặc điểm riêng. Một số khách hàng có thể cần 1 key cho nhiều trang web, một số khác lại muốn sử dụng cùng  API cho nhiều tên miền. Hay 1 số khác lại muốn lưu trữ tối ưu hình ảnh bên ngoài thư viện

Công cụ

WP 
MULTISITE
​Tùy chỉnh thư mục nén

API sử dụng nhiều tên miền

Đánh giá

ShorPixel


Smush

Imagify

Không

Kraken

Không

Không

EWWW*

TinyPNG

Không

Không

F. Xữ lý hình ảnh

8. Khả năng nén 

Phần này mình sẽ đi sâu phân tích khả năng nén ảnh cả về dung lượng và kích thước mà từng công cụ có thể làm được

A. Nén hình ảnh

Thử nghiệm với ba hình ảnh JPEG (lớn, trung bình, nhỏ) và một hình ảnh PNG:

Công cụ

IMG-1

IMG-2

IMG-3

PNG-1

Đánh giá

ShorPixel


Smush

Không

Không

PRO

Imagify

Không

Không

Không

Kraken

Không

Không

Không

PRO

EWWW*

Không

TinyPNG

Không

Không

Rating

Công cụ

Giới hạn gói miễn phí

Our Rating

Giới

Các tính năng tương tự như gói trả phí

1

ShorPixel


100 ảnh/ tháng

2

Imagify

Description

Không

3

Kraken

Description

4

TinyPNG

Description

Smush

Optimus

EWWW

Công cụ

Chuyển đổi sang WEBP
chuyển CMYK Sang RGB

PNG Sang JPEG

Đổi kích thước ảnh Gốc

Đánh giá

ShorPixel


Smush

Không

Không

PRO

Imagify

Không

Không

Không

Kraken

Không

Không

Không

PRO

EWWW*

Không

TinyPNG

Không

Không

9. Chất lượng hình ảnh

Ảnh Gốc

Nén bằng ShortPixel ảnh đã giảm 91,84% dung lượng

Nén bằng Kraken ảnh đã giảm 87.29%% dung lượng

Nén bằng TinyPNG ảnh đã giảm 90.51% dung lượng

Nén bằng EWWW  ảnh đã giảm 12.25% dung lượng

Thử với ảnh có kích thước with  200px để cạnh nhau cho dễ so sánh

Ảnh góc

ShortPixel
Improvement: 66.89%

Imagify
Improvement: 58.12%

EWWW (lossless)
Improvement: 12.32%

Kraken
Improvement: 53.39%

TinyPNG
Improvement: 55.44%

10. So sánh giá

Quà Tặng Đặc Biệt Từ Shortpixel & BuzzMarketing

Thông thường với gói nhỏ nhất của ShortPixel bạn phải trả khoảng 4.99$ x 12 =59.88$ cho 1 năm sử dụng. Tuy nhiên bây giờ khi mua qua ưu đãi của Buzzmarketing bạn chỉ phải trả 5$ cho 1 năm sử dụng với 3.000 ảnh mỗi tháng, Tức 1 năm bạn sẽ có 3.000 x12=36.000 lần tối ưu ảnh. Bạn được tạo API riêngsử dụng trên mọi tên miền 

Ưu đãi có hạn cho nên tranh thủ bạn nhé, mình sẽ ngưng nhận sớm nếu hết sơm !

0 Shares
HIỆP B
 

Xin chào mọi người ! Mình là Hiệp B, B trong Buzzmarketing chứ không phải Bê Đuê :) .Mình luôn cố gắng tìm ra các công cụ hỗ trợ cho công việc marketing nhanh nhất dễ dàng nhất. Là thành viên la liếm hầu hết mọi góc ngách trên Google :)

>
0 Shares
Share
+1
Pin
0 Shares
Share
+1
Pin