Cách giảm kích thước hình ảnh để tăng tốc trang web của bạn

Cách giảm kích thước hình ảnh để tăng tốc trang web của bạn_Việc giảm size ảnh sẽ giúp website tải nhanh mà vẫn mang tới trải nghiệm tuyệt vời cho khách. Sau đây, chúng tôi sẽ nói về cách giảm size ảnh mà không làm giảm chất lượng khi thực hiện thủ công hoặc bằng plugin image optimization WordPress miễn phí.

Kích thước tệp hình ảnh lý tưởng cho các trang web là gì?

Có quá nhiều biến để khai báo một kích thước tệp hoàn hảo. Ví dụ: một ảnh đầy màu sắc với nhiều chi tiết sống động sẽ luôn lớn hơn hình ảnh có nền trắng và chữ đen. Về cơ bản, bạn luôn muốn làm cho web của mình tải nhanh nhất mà hình ảnh vẫn trông đẹp mắt đối với khách. Nếu bạn làm theo các bước ở bài này, hình ảnh sẽ luôn nhỏ nhất mà không ảnh hưởng tới trải nghiệm duyệt web.

Cách giảm size hình ảnh

Có hai bước chính để giảm size ảnh:

  • Thay đổi size ảnh của bạn nhỏ nhất.
  • Nén hình ảnh để giảm thêm kích thước file.

1. Thay đổi kích thước hình ảnh thành kích thước tối ưu cho web

Điều đầu tiên bạn muốn là đảm bảo hình ảnh lưu ở kích thước bạn thích dùng trên web. Tuy nhiên, kích thước ảnh nào là tốt nhất? Điều này phụ thuộc vào giao diện WordPress của bạn. Hầu hết giao diện WordPress chứa vùng nội dung rộng khoảng 750-850 px. Tuy nhiên, vì sự phổ biến ngày càng tăng của màn hình độ phân giải cao, thông thường bạn sẽ muốn tăng gấp đôi giá trị này giúp khách truy cập có trải nghiệm hoàn hảo.

  • Thay đổi kích thước hình ảnh trên Mac

Việc giảm size ảnh trên Mac có năm bước đơn giản:

  • Mở tệp bạn muốn đổi size tại Preview app
  • Đi tới “Tools” rồi nhấp “Adjust size”
  • Chọn hộp “Resample”, nhằm duy trì tỷ lệ khung hình khi hình ảnh được thay đổi size
  • Nhập chiều rộng bạn muốn đổi, chiều cao sẽ được chương trình tính toán
  • Nhấp vào “OK”

Khi hình ảnh đã được thay đổi size, bạn được lưu hình ảnh dưới dạng PNG hay JPG và tải nó lên trang web.

  • Thay đổi kích thước hình ảnh trên Windows

Việc chỉnh size ảnh cũng khá dễ trên Windows. Đầu tiên là mở ảnh muốn chỉnh tại Paint. Sau đó, bạn hãy chọn “Resize” ở thanh công cụ.

Bây giờ bạn được chọn số lượng giảm size ảnh, biểu thị điều này dưới dạng phần trăm hay với việc chỉnh tổng số pixel mà hình ảnh có. Paint được đặt tự động để duy trì tỷ lệ co của hình ảnh đã chỉnh. Khi bạn đã nhập size cho hình ảnh, nhấn “OK”.

Sau đó, hãy lưu file dưới dạng PNG hay JPG rồi tải tệp lên trang web.

2. Nén hình ảnh để giảm kích thước của chúng

Bước tiếp theo là nén nó nhằm giảm kích thước file. Tại đây, chúng tôi có hai tùy chọn:

Optimole – tự nén ảnh WordPress lúc bạn tải

TinyPNG – plugin thủ công trong việc tải ảnh trên WordPress.

  • Optimole

Optimole là plugin miễn phí tự động nén, chỉnh size ảnh. Nó cũng tối ưu hiệu năng, ví dụ: cung cấp ảnh với CDN, tải chậm rồi chuyển đổi chúng sang WebP. Optimole cũng tự động chỉnh size ảnh khi bạn tải chúng. Thế nên, nếu bạn dùng Optimole, bạn không phải trải qua bước đầu tiên và  Optimole làm mọi thứ cho bạn. Việc cài đặt Optimole trên trang web bao gồm một vài bước đơn giản:

  • Chuyển tới danh mục “Plugin” trong bảng quản trị WordPress
  • Nhấp vào “Thêm mới”
  • Dùng thanh tìm kiếm rồi tìm Optimole
  • Nhấp vào “Cài đặt”
  • Khi plugin được cài đặt, hãy nhấp vào “Kích hoạt” để dùng Optimole

Để dùng Optimole, bạn được đưa tới trang hướng dẫn tạo tài khoản Optimole. Nhấp “Đăng ký” và nhập email của bạn vào hộp xuất hiện.

Nhấn lại nút để gửi email xác minh, rồi nhập khóa API từ email của bạn trên trang tiếp của cài đặt Optimole.

Khi bạn thực hiện xong, Optimole sẽ tự check, tối ưu các hình ảnh có tại thư viện của bạn. Optimole cũng tự tối ưu ảnh mới khi chúng được thêm vào thư viện. Và tất cả việc bạn cần làm khi giảm size ảnh là tải ảnh lên trang WordPress.

TinyPNG

Nếu bạn muốn làm mọi việc thủ công, hãy tự nén ảnh. Phương pháp này miễn phí, nhưng bạn cần làm nhiều việc hơn so với dùng Optimole. Hướng dẫn này  giúp bạn dùngTinyPNG, nhưng hầu hết các plugin nén ảnh đều hoạt động theo một cách. Khi dùng TinyPNG, việc bạn cần làm là kéo, thả một hay nhiều hình ảnh vào giao diện.

TinyPNG sau đó sẽ tự nén ảnh. Nếu bạn đã chọn nhiều hình ảnh, bạn sẽ có tùy chọn tải chúng xuống cùng nhau dưới dạng .zip. Tiếp theo, bạn cần tải các hình ảnh nén này lên trang WordPress.

Phần kết luận

Giảm size ảnh rất quan trọng khi tối ưu tốc độ load. Để giảm size ảnh, trước tiên bạn cần đổi size ảnh trên máy tính trước khi tải trên web. Sau đó bạn có hai lựa chọn:

  • Dùng Optimole tối ưu hóa mọi ảnh.
  • Dùng TinyPNG hay TinyJPG nén ảnh thủ công.

Nguồn: Thiên Thời Media

0 0 vote
Article Rating
BÀI VIẾT LIÊN QUAN

Xây dựng chiến lược cạnh tranh mạnh mẽ cho doanh nghiệp của bạn

30/09/2020 bởi Béo Minh
Xây dựng chiến lược cạnh tranh mạnh mẽ cho doanh nghiệp của bạn _“Cạnh tranh” là cụm từ được xuất hiện...

5 chiến lược tiếp thị website hữu ích cho các doanh nghiệp nhỏ

30/09/2020 bởi Béo Minh
5 chiến lược tiếp thị website hữu ích cho các doanh nghiệp nhỏ _Doanh nghiệp nhỏ khi mới starup thì...

Linux hay Windows Hosting tốt hơn cho WordPress

28/09/2020 bởi Béo Minh
Linux hay Windows Hosting tốt hơn cho WordPress _Trước khi khởi chạy trang web WordPress của mình, bạn cần có...

Một số mẹo nên và không nên khi trả lời bài viết đánh giá của khách hàng

28/09/2020 bởi Béo Minh
Một số mẹo nên và không nên khi trả lời bài viết đánh giá của khách hàng _Như bạn đã...

Làm thế nào để bắt đầu viết một blog cho doanh nghiệp

28/09/2020 bởi Béo Minh
Làm thế nào để bắt đầu viết một blog cho doanh nghiệp _Viết blog là cách tiếp cận người đọc...

5 giải pháp thay thế GoDaddy tốt nhất trong năm 2020

26/09/2020 bởi Béo Minh
5 giải pháp thay thế GoDaddy tốt nhất trong năm 2020  _Mặc dù GoDaddy là một máy chủ phổ biến...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!