3 cách nén ảnh để tăng tốc cho blog & website

của Phạm Anh Quang

Ảnh nặng là một trong những nguyên nhân hàng đầu khiến cho blog bị chậm & đạt điểm thấp trên Google Speed.

Vậy nên để blog chạy nhanh hơn & đạt điểm số cao hơn thì cần phải giảm dung lượng ảnh đi một cách tối đa nhưng chất lượng ảnh không được giảm đi quá nhiều.

Và đây, là những cách nén ảnh mà Quang hay làm để tăng tốc độ cho website & blog.

1. Nén ảnh bằng TinyPNG

Đây là một công cụ miễn phí rất hay mà ai cũng có thể sử dụng được.

  • Bước 1: Truy cập trang web www.tinypng.com
  • Bước 2: Tải ảnh mà bạn cần nén tại mục Drop your WeebP…. Sau khi xử lý xong thì bạn thấy dung lượng đã giảm từ 82.0KB xuống chỉ còn 26.6KB (giảm 68%).

  • Bước 3: Tải ảnh xuống & đăng lên blog của bạn ở mục download.

Ở TinyPNG thì bạn có thể nén 20 ảnh cùng lúc & theo cá nhân Quang đánh giá thì chất lượng ảnh của ảnh có giảm đi khá nhiều nhưng để dùng đăng lên blog thì vẫn có thể dùng được.

Như ảnh bên dưới mình nén xuống chỉ còn 26.6KB nhưng chất lượng vẫn rất ổn. Bạn nhìn vào chữ & góc của các hình vẫn thấy rằng nó khá sắc nét.

Nhưng TinyPNG cũng có nhược điểm bạn sẽ không tùy chỉnh được kích thước & định dạng ảnh.

2. Nén ảnh bằng Photoshop

Còn nếu muốn chỉnh sửa được nhiều thứ hơn thì mình sẽ dùng Photoshop.

Ngoài việc, thêm chữ, chỉnh màu, cắt ghép các thứ thì Photoshop cũng sẽ giúp nén ảnh cho web cực tốt.

Sau khi chỉnh sửa xong các thứ thì bạn nhấn tổ hợp phím Command + Shift + Option + S (Mac OS) hoặc Ctrl + Shift + Alt + S (Windows).

  • Ở mũi tên như ảnh dưới bạn sẽ thấy dòng chữ Save for Web tức là ảnh sẽ được nén để đăng lên web.
  • Mục số 1: Tùy chỉnh định dạng & chất lượng của ảnh.
  • Mục số 2: Dung lượng của ảnh & dung lượng sau khi nén

Đây là cách mà Quang hay sử dụng nhất vì có thể tùy chỉnh được nhiều thứ & nhất là nén ảnh từ ngay đầu vào.

Cách này cũng có nhược điểm là bạn sẽ cần làm thủ công từng cái & cũng phải biết cách sử dụng Photoshop một chút.

Nó sẽ không phù hợp nếu trên blog của bạn đã có quá nhiều ảnh từ trước hoặc bạn muốn làm mọi thứ tự động.

3. Plugin nén ảnh cho Wordpress tốt nhất

Để giải quyết được vấn đề phải làm từng ảnh thủ công hoặc blog của bạn có nhiều ảnh tải lên từ trước thì Plugin sẽ là phương pháp tốt nhất.

Trong bài này thì Quang sẽ nói về những Plugin dành riêng cho những blog & website chạy trên nền tảng Wordpress, còn trên những nền tảng khác thì sẽ có những plugin khác.

Có một số cái tên là bạn có thể tham khảo:

  • TinyPNG: Compress JPEG & PNG images: Đây chính là plugin của trang nén ảnh TinyPNG mà Quang đã nói ở phần 1.

  • ShortPixel
  • Imagify Image Optimizer
  • ImageKit
  • Optimus
  • ImageRecycle
  • Kraken
  • LiteSpeed Cache: Đây là plugin mà mình đang sử dụng, nó có rất nhiều tính năng như tạo Cache, HTML, CSS, JS, database, Google Fonts; hỗ trợ CDN, nén & load ảnh web nữa. Đặc biệt, là LiteSpeed Cache hoàn toàn miễn phí 100%.

4. Kết

Đây là 3 cách mà Quang đang áp dụng cho những blog. Việc nén ảnh sẽ giúp tăng tốc độ load, tối ưu trải nghiệm người dùng, tiết kiệm băng thông & rất tốt cho SEO.

Vì vậy nếu web của bạn đang quá nặng thì hãy hãy áp dụng thử một số cách nén ảnh ở trên nhé!

Có thể bạn sẽ thích:

Để lại bình luận

Bài viết liên quan