Hướng dẫn sử dụng ShortPixel để nén và tối ưu hóa hình ảnh

Có rất nhiều yếu tố ảnh quyết định đến sự thành công của một blog/website. Một trong số đó là tốc độ tải trang. Tốc độ tải trang làm tăng trải nghiệm người dùng. Và nó cũng là một trong những tiêu chí quan trọng để xếp loại thứ hạng SEO. Không một ai muốn truy cập và ngồi chờ cho đến khi trang web hoàn thành việc tải xuống nội dung.  Phần lớn họ sẽ rời khỏi trang của bạn và tìm kiếm giải pháp cho vấn đề của họ ở một webiste có tốc độ tải trang nhanh hơn.

Trên thực tế, tốc độ tải trang ngày nay quan trọng hơn bao giờ hết khi Google dự kiến sẽ lấy tốc độ tải trang như là một tiêu chí để lâp chỉ mục di động vào tháng 7/2018.

Có nhiều cách khác nhau để tối ưu hóa tốc độ tải trang. Một trong những cách đó là tối ưu hóa hình ảnh trên blog/website của bạn.

Khi viết blog chúng ta thường sử dụng hình ảnh để minh họa, làm cho bài viết của mình trở nên sinh động và ấn tượng hơn. Vì vậy hình ảnh là một trong những phần quan trọng trên blog/website của bạn. Nó chiếm tới 63% dung lượng của một blog/website tầm trung. Vì vậy tìm cách giảm kích thước cho hình ảnh sẽ cải thiện đáng kể thời gian tải trang.

Để dễ dàng tối ưu hóa hình ảnh cho WordPress site của mình, bạn hãy sử dụng plugin ShortPixel.

Trong các thử nghiệm của tôi, ShortPixel giảm kích cỡ hình ảnh 70-80% sơ với ban đầu mà không làm giảm chất lượng ảnh.

Và tùy thuộc vào số lượng ảnh mà bạn muốn tối ưu/tháng, bạn thậm chí không cần phải tốn bất cứ khoản chi phí nào để sử dụng ShortPixel.

ShortPixel giúp bạn tối ưu hóa hình ảnh như thế nào?

ShortPixel là một trong những plugin nén ảnh phổ biến nhất hiện nay.

Bạn cài đặt và cấu hình cho nó và nó sẽ tự động tối ưu hóa các hình ảnh mà bạn tải lên.

Việc này giúp cho bạn tiết kiệm thời gian đáng kể trong việc tối ưu hóa hình ảnh để tập trung vào việc sáng tạo nội dung trên blog/website của mình.

Ngoài các tính năng chính, ShortPixel còn có những tính năng nhỏ khác giúp bạn kiểm soát tốt hơn cách nó tối ưu hóa hình ảnh.

ShortPixel không giới hạn dung lượng tập tin và làm việc với các định dạng: JPG, PNG, GIF, PDF.

Nó cũng có thể giúp bạn chuyển định dạng ảnh từ PNG sang GIF để giảm dung lượng ảnh.

ShortPixel cũng cho phép bạn chọn mức độ mà bạn muốn nén đối với hình ảnh của mình. Có hai kiểu nén chính là:

  • Lossless: Chỉ giảm kích thước tập tin không làm giảm chất lượng hình ảnh.
  • Lossy: Giảm đáng kể dung lượng tập tin và làm giảm chất lượng ảnh. Nếu website của bạn không đòi hỏi hình ảnh có độ phân giải lớn, độ sắc nét cao, hãy chọn kiểu nén này.

Bạn có thể thay đổi kích cỡ thực tế của hình ảnh một cách tự động. Việc này giúp bạn tiết kiệm thời gian rất nhiều thay vì sử dụng phương pháp thủ công trước khi tải ảnh lên.

Ngoài ra nó còn có 03 tính năng khác đáng chú ý là:

ShortPixel sử dụng khóa API, vì vậy quá trình nén ảnh sẽ được thực hiện trên máy chủ của ShortPixel. Giúp bạn tiết kiệm tài nguyên máy chủ của mình.

Plugin này cho phép bạn tối ưu hóa tất cả các hình ảnh trong thư viện đa phương tiện của mình. Điều này rất hữu ích nếu hình ảnh của bạn chưa được tối ưu hóa.

ShortPixel cho phép bạn so sánh hình ảnh sau khi nén với ảnh gốc đảm bảo chất lượng ảnh sau khi nén gần như ảnh gốc.

Cài đặt plugin ShortPixel trên WordPress Site của bạn

ShortPixel là một plugin miễn phí. Nhưng vì sử dụng API để kết nối WordPress Site của bạn với máy chủ ShortPixel nên quá trình cài đặt có thêm một số bước.

Bước 1: Cài đặt và kích hoạt plugin ShortPixel

Việc cài đặt và kích hoạt plugin ShortPixel tương đối đơn giản như các plugin khác. Nếu bạn là người mới chưa biết cách cài đặt và kích hoạt plugin, hãy tham khảo bài viết này.

Đầu tiên bạn nhấp vào liên kết Plugins » Add New. Trang Add Plugins sẽ hiện ra. Nhập tên cần tìm kiếm là ShortPixel và nhấn Enter.

install shortpixel plugin

Nhấp vào nút Install để cài đặt. Sau khi cài đặt xong, nhấp nút Activate để kích hoạt.

Bước 2: Đề nghị cấp khóa API

Sau khi kích hoạt, nếu chưa có khóa API bạn có thể đề nghị cấp khóa API miễn phí. Nhập chính xác địa chỉ email sau đó nhấp vào nút “Request Key”.

request shortpixel api key

Sau khi nhấp vào nút Request, trang sẽ tải lại và ShortPixel tự động thêm khóa API của bạn trong phần cài đặt của plugin. Nhấp vào nút Validate để xác thực là xong.

shortpixel api key validate

Bạn cũng sẽ nhận được một email có chứa khóa API trong trường hợp bạn sử dụng nó cho nhiều trang web. Bạn cũng có thể đăng ký và tạo tài khoản miễn phí để nhận khóa API miễn phí cho ShortPixel. Nếu muốn đăng ký theo cách này, bạn có thể vào trang chủ của ShortPixel tại đây.

Cấu hình cho plugin ShortPixel

Khi bạn đã thêm khóa API, bạn cần cấu hình một vài cài đặt trước khi sử dụng plugin ShortPixel.

Việc chọn kiểu nén ảnh rất quan trọng. Nó sẽ nói cho ShortPixel biết bạn muốn giảm kích cỡ ảnh ở mức nào. Mức độ nén ảnh được khuyến nghị là Lossy như mặc định. Tùy chọn này cho phép bạn tạo ra kết quả giống với ảnh gốc, mắt người khó có thể phân biệt được.

Nhưng nếu blog/website của bạn đòi hỏi chất lượng hình ảnh cao (ví dụ như website về nhiếp ảnh, bản vẽ kỹ thuật, hình ảnh đồ họa từ vector…), bạn có thể chọn một trong hai tùy chọn là Glossy hoặc Lossless. Hai tùy chọn này giúp bạn có thể nén ảnh để giảm kích cỡ nhưng vẫn giữ nguyên chất lượng như ảnh gốc.

Ở phía bên dưới, bạn có thể cấu hình một số lựa chọn nhỏ khác:

shortpixel other options

  • Also include thumbnails: Tùy chọn này nói cho plugin ShortPixel biết có nén ảnh thumbnails hay không. Bạn cần lưu ý là ảnh thumnail được xem là ảnh riêng và được tính vào trong quota của bạn. Nếu bạn sử dụng bản trả phí và hình ảnh trên trang của bạn không quá nhiều, bạn nên bật tùy chọn này. Nhưng nếu bạn sử dụng bản miễn phí hoặc muốn tiết kiệm tiền thì nên tắt nó đi.
  • Image backup: Khi kích chọn tùy chọn này, ảnh gốc sẽ được sao lưu để phục hồi khi cần thiết. Nếu đủ dung lượng lưu trữ trên hosting bạn nên kích hoạt tùy chọn này. Nếu bạn sử dụng hosting của Hawkhost thì dung lượng lưu trữ đối với một blog không phải là một vấn đề gì to tát.
  • Remove the EXIF tag of the image: Khi được chọn, plugin sẽ xóa metadata của hình. 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…. 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.
  • Resize large images: Cài đặt này cho phép bạn tự động thay đổi kích thước thực tế của hình ảnh mà bạn tải lên về một kích thước cụ thể mà bạn thiết lập. Bạn nên thiết lập kích thước lớn hơn chiều rộng tối đa của hình ảnh đang sử dụng trong WordPress Theme của mình 25%.

Ví dụ: Nếu hình ảnh trên theme của bạn có chiều rộng tối đa là 800px, bạn nên nhập chiều rộng tối đa ít nhất là 1000px. ShortPixel sẽ hướng dẫn để đảm bảo bạn không nhập vào các giá trị quá thấp.

Cài đặt nâng cao cho ShortPixel

Nếu bạn muốn sử dụng các tính năng và tùy chọn nâng cao của ShortPixel, bạn hãy chuyển sang thẻ Advanced.

shortpixel advanced tab

Tại đây bạn có thể cấu hình các tùy chọn để nó thực hiện các việc như:

  • Additional media folders: Thêm các thư mục đa phương tiện khác để nén ngoài thư mục uploads mặc định.
  • Convert PNG images to JPEG: Chuyển đổi tất cả các hình ảnh có định dạng PNG nhưng không có nền trong suốt sang JPEG. Việc này giúp giảm đáng kể kích thước tập tin. ShortPixel cũng sẽ tìm kiếm các hình ảnh trong các bài viết không có nền trong suốt và chuyển đổi nó sang định dạng JPEG.
  • CMYK to RGB conversion: Điều chỉnh màu sắc của bạn cho cả màn hình máy tính và thiết bị di động. Hình ảnh dùng cho web chỉ cần hệ màu RGB, không cần thiết sử dụng hệ màu CMYK (dùng cho in ấn). Vì thế ShortPixel sẽ chuyển đổi từ CMYK sang RGB.
  • WebP versions: Tạo phiên bản WebP miễn phí cho hình ảnh. Hình ảnh WebP có kích cỡ nhỏ hơn định dạng PNG 3 lần, nhỏ hơn định dạng JPEG 25%.
  • Generate WebP markup: Tạo thẻ <picture> trong giao diện người dùng. Mỗi thẻ <img> sẽ được thay thế bằng một thẻ <picture> cung cấp lựa chọn hình ảnh WebP cho các trình duyệt hỗ trợ nó. Nó cũng tải tập tin picturefill.js nếu trình duyệt không hỗ trợ thẻ <picture>. Bạn không cần kích hoạt tính năng này nếu đang dùng plugin Cache Enabler vì hình ảnh WebP của bạn đã được xử lý bởi plugin này.
  • Optimize Retina images: Nếu bạn có plugin tạo ảnh Retina thì ShortPixel cũng tối ưu hóa các ảnh đó.
  • Optimize other thumbs: Tối ưu hóa các ảnh thumbnails khác nếu tìm thấy.
  • Optimize PDFs: Tự động tối ưu hóa tập tin định dạng PDF. Đây là một tính năng bổ sung đáng giá mà các plugin tối ưu hóa hình ảnh khác không có.
  • Exclude patterns: Không nén một số hình ảnh nào đó dựa trên các mẫu. Các mẫu thêm vào được phân cách bằng dấu phẩy. Một mẫu gồm 02 phần là kiểu:giá trị. Các kiểu được chấp nhận là: “tên”, “đường dẫn”, “kích cỡ”. Một tập tin ảnh sẽ không được nén nếu nó phù hợp với các mẫu đã khai báo. Đối với mẫu “tên”, ShortPixel sẽ không nén các tập tin có tên trùng với tên khai báo. Nhưng đối với “đường dẫn” thì tất cả các hình ảnh trong thư mục con sẽ không bị nén. Đối với “kích thước” chỉ áp dụng đối với các hình ảnh nằm trong thư viện Media. Hình ảnh chính (không phải ảnh thu nhỏ) trong phạm vi được chỉ định sẽ không được nén. Định dạng của “kích thước” bao gồm: chiều rộng tối thiểu đến chiều rộng tối đa x chiều cao tối thiểu đến chiều cao tối đa. Ví dụ: 1000-1100×2000-2200. Bạn cũng có thể chỉ rõ kích cỡ của hình, ví dụ: 1000×2000.
  • HTTP AUTH credentials: Chỉ điền vào các trường trong mục này nếu blog/website của bạn không được truy cập một cách công khai. Người dùng cần nhập tên đăng nhập và mật khẩu mới có thể truy cập vào trang web của bạn. Nếu bạn không biết chính xác thì có thể để trống.
  • Process in front-end: Tự động tối ưu hóa hình ảnh được tải lên bởi người dùng. Việc này sẽ khiến cho băng thông của bạn bị ảnh hưởng nếu có nhiều người cùng truy cập một lúc.
  • Optimize media on upload: Tự động tối ưu hóa các tập tin trong Media Library sau khi chúng được tải lên. Theo mặc định, ShortPixel sẽ tự động tối ưu hóa các tập tin hình ảnh và PDF mới tải lên. Nếu bỏ chọn bạn cần bỏ chọn Bulk ShortPixel hoặc vào Media Library (ở chế độ xem dạng danh sách) và nhấp vào nút “Optimize now” ở phía bên phải.
  • Exclude thumbnail sizes: Kích chọn kích cỡ hình ảnh thumbnails mà bạn không muốn nén. Có thể trong danh sách không có các kích cỡ ảnh được tạo ra bởi theme hay plugin vì chúng không được đăng ký đúng cách với WordPress. Nếu bạn muốn bỏ qua loại ảnh này, hãy bỏ chọn tùy chọn Optimize other thumbs ở phía trên.

Nhấn nút Save Changes để lưu lại, nhấn nút Save and go to Bulk Process để lưu lại và áp dụng các tùy chọn trên cho Media Library.

Nén hình với plugin ShortPixel

Sau khi đã cấu hình xong, ShortPixel sẽ tự động tối ưu hóa các hình ảnh mà bạn tải lên trên trang của mình.

Nếu bạn muốn tối ưu hóa tất cả các hình ảnh cũ đã có trên website của mình, bạn có thể nhấp vào liên kết Media » Bulk ShortPixel. Hạn chế ở chỗ mỗi tháng bạn chỉ có thể tối ưu hóa 100 hình nếu dùng bản miễn phí. Con số này dùng để tối ưu hóa hình ảnh khi viết bài mới thì ổn, nhưng nếu trên trang của bạn có nhiều ảnh cũ và muốn tối ưu hóa tất cả thì bạn phải bỏ tiền ra để nâng cấp lên gói trả phí. Gói trả phí rẻ nhất là 10 đô la.

Sau đó nhấp vào nút Start Optimizing để bắt đầu tối ưu hóa các hình ảnh cũ đã có.

bulk shortpixel

Bạn cũng có thể tối ưu hóa từng ảnh một cách thủ công bằng truy cập vào Media Library sau đó nhấp vào liên kết Optimize now.

toi uu hoa hinh anh trong thu vien mot cach thu cong

Mặc dù ShortPixel rất dễ sử dụng và cung cấp nhiều cài đặt, tùy chọn nâng cao nhưng điều quan trọng nhất là nó giảm kích thước cho hình ảnh trên trang của bạn một cách hiệu quả.

Vì vậy tôi sẽ thực hiện một bài kiểm tra nhanh để xem thử plugin ShortPixel giảm kích cỡ cho hình ảnh của bạn xuống bao nhiêu so với ảnh gốc.

Đầu tiên tôi tả lên một hình ảnh có kích thước và dung lượng lớn. Nó có dung lượng 395KB và kích thước 1600x1200px.

Sau khi ShortPixel tối ưu hóa hình ảnh, dung lượng còn lại 256KB, tức là giảm 57,19% so với ảnh gốc. Nhưng điều quan trọng là ShortPixel đã giảm kích cỡ ảnh nhưng không làm giảm chất lượng của nó. Nếu dùng mắt thường, bạn sẽ khó có thể phát hiện sự khác biệt giữa ảnh gốc và ảnh sau khi đã tối ưu hóa.

Nén lại và khôi phục ảnh gốc

Bạn hoàn toàn có thể nén lại hoặc phục hồi ảnh gốc nếu muốn. nen-lai-khoi-phuc-anh-goc

Trong thư viện ảnh, bạn nhấn vào nút ShortPixel Actions (hình ba gạch ngang phía bên phải của hình ảnh đã được tối ưu hóa).

Nó có các lệnh sau:

  • Compare: So sánh ảnh gốc với ảnh đã nén.
  • Re-optimize lossy: Nén lại với tùy chọn lossy.
  • Re-optimize glossy: Nén lại ảnh theo thùy chọn glossy.
  • Restore backup: Khôi phục lại ảnh gốc.

ShortPixel có giá bao nhiêu?

ShortPixel cho phép bạn tối ưu hóa miễn phí 100 hình ảnh/tháng mà không giới hạn dung lượng tập tin ảnh.

Nếu bạn muốn tối ưu hóa hơn 100 ảnh, bạn cần nâng cấp lên các gói trả phí của ShortPixel.

ShortPixels-pricing-review-1

Bạn có thể trả theo tháng hoặc trả một lần.

Các gói trả phí này bắt đầu với mức giá 4,99 đô la/tháng, cho phép bạn tối ưu hóa tối đa 5.000 hình ảnh/tháng.

Nếu trên trang của bạn có dưới 10.000 ảnh cũ, bạn có thể sử dụng gói 9,99 đô la để tối ưu hóa 10.000 hình ảnh/tháng.

Với chất lượng mà ShortPixel mang lại, tôi nghĩ mức giá này tương đối hợp lý. Đặc biệt là nếu bạn mới vừa tạo blog/wesite, bạn có thể sử dụng gói miễn phí để tối ưu hóa hình ảnh trên trang của mình.

Lời kết

Tối ưu hóa hình ảnh trên trang của bạn để tăng tốc độ tải trang là một việc làm vô cùng quan trọng. Nó giúp cải thiện trải nghiệm người dùng và tăng thứ hạng SEO. Ngoài ra nén ảnh còn giúp bạn tiết kiệm dung lượng lưu trữ trên máy chủ nữa.

Tôi đã thử nghiệm nhiều plugin nén ảnh và nhận thấy plugin ShortPixel là plugin nén ảnh tốt nhất. Sau khi cài đặt, kích hoạt và cấu hình mọi thứ còn lại đều được ShortPixel thực hiện một cách tự động.

ShortPixel phù hợp với các blogger có số lượng bài viết từ 10 bài trở xuống. Tôi nghĩ một bài viết tối đa cũng chỉ có khoảng 10 hình ảnh trở lại.

Trong trường hợp bạn muốn nén tất cả các hình ảnh cũ đã có trên trang của mình, bạn có thể dùng plugin reSmush.it hoặc WP Smush ddeeer tiến hành nén ảnh. Sau đó gỡ các plugin này ra và cài đặt plugin ShortPixel.

Bạn cũng cân nhắc mua gói nén 10.000 ảnh trọn gói nếu bạn thường xuyên làm việc với hình ảnh. Với số lượng ảnh đó, tôi tin là bạn có thể viết từ 500 đến 1000 bài viết.

Bạn cũng nên cân nhắc kết hợp nén ảnh và sử dụng mạng phân phối nội dung CDN để tăng tốc cho blog/website của mình. Bạn có thể tìm hiểu cách cài đặt CloudFlare CND tại đây.

Plugin ShortPixel là một plugin nén ảnh dễ sử dụng, giúp bạn tiết kiệm rất nhiều thời gian. Nó chạy nhanh và cung cấp nhiều tính năng hiện đại, hiệu quả. Chỉ cần cài đặt, cấu hình và quên nó đi. Sau khi sử dụng ShortPixel tôi thực sự thích nó và đánh giá nó 5 sao.

Còn bạn thì sao? Bạn sử dụng plugin nào để nén ảnh trên website của mình? Tôi muốn nhận được các chia sẻ, kinh nghiệm của bạn trong việc tối ưu hóa hình ảnh. Hãy để lại bình luận bên dưới để chia sẻ cùng tôi.

Nếu bạn thấy bài viết hữu ích đừng quên Like và Share!

Hẹn gặp lại bạn trong bài viết tiếp theo.

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận

Plugins Themes Thủ thuật
Hướng dẫn tạo mục lục cho bài viết trong wordpress
Hướng dẫn tạo mục lục cho bài viết trong WordPress
Brute Force Attack là gì cách bảo vệ website của bạn trước các cuộc tấn công brute force attack
Hướng dẫn bảo vệ website của bạn khỏi Brute Force Attack
Hướng dẫn thêm xác thực hai yếu tố miễn phí cho WordPress
Keyword Research SEO Offpage SEO Onpage
Từ khoá và website của bạn
Xây dựng Website chuẩn SEO
Xây dựng Website chuẩn SEO
Hướng dẫn chi tiết WordPress SEO
Hướng dẫn chi tiết WordPress SEO cho người mới
Ajax Bootstrap HTML/CSS JavaScript Joomla jQuery PHP/MySQL
Cách đặt tên miền
Tên miền là gì? Cách chọn tên miền cho blog WordPress
Thay đổi tên miền cho website wordpress
Hướng dẫn thay đổi tên miền cho website WordPress
Sự khác nhau giữa tên miền và Web Hosting
Sự khác nhau giữa tên miền và Web Hosting
Amazon Nichesite Google Adsense Product Lauch Social Marketing Viết Blog Youtube Partner
Thêm Google Adsense vào trang web WordPress
Hướng dẫn thêm Google Adsense vào trang web WordPress
Hướng dẫn đăng ký tài khoảnClickbank khi bị chặn ở Việt Nam
Hướng dẫn đăng ký tài khoản Clickbank khi bị chặn tại Việt Nam
Kiếm tiền từ blog WordPress
Kiếm tiền từ blog WordPress như thế nào?