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
hop-tac-xay-dung-thuong-hieu-y-nghia-cac-loai-va-uu-diem-va-nhuoc-diem

Hợp tác xây dựng thương hiệu – Ý nghĩa, Các loại và Ưu điểm và Nhược điểm

30/07/2021 bởi admin
Hợp tác thương hiệu là việc sử dụng hai hoặc nhiều thương hiệu để đặt tên cho một sản phẩm...
thach-thuc-quan-ly-thuong-hieu-trong-thoi-dai-thay-doi

Thách thức quản lý thương hiệu trong thời đại thay đổi

30/07/2021 bởi admin
Vài thập kỷ qua đã có những tiến bộ chưa từng có trong tất cả các lĩnh vực của cuộc...
tai-sao-chien-luoc-thuong-hieu-dia-diem

Tại sao chiến lược thương hiệu địa điểm và điểm đến không thành công

26/07/2021 bởi admin
Điều gì khiến một số địa điểm chiến lược thương hiệu không đạt được một vài hoặc thậm chí là...
mat-bao-lau-de-hoc-javascript

Mất bao lâu để học JavaScript?

14/07/2021 bởi admin
Học ngôn ngữ phát triển web đơn giản là vấn đề hiểu, thực hành và triển khai đúng cách thông...
crm

Tại sao CRM lại cần thiết để tạo khách hàng tiềm năng hiệu quả

12/07/2021 bởi admin
Trong nhiều năm qua, các doanh nghiệp đã tạo ra khách hàng tiềm năng thông qua các chiến thuật kinh...
thiet-ke-web-hay-thiet-ke-android

Thiết kế web hay thiết kế Android – Lựa chọn nghề nghiệp nào tốt hơn?

12/07/2021 bởi admin
Thiết kế web và Thiết kế Android là hai lĩnh vực nghề nghiệp mới nổi nhất đối với các nhà...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!