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
cac-nha-thiet-ke-do-hoa-lam-gi

Các nhà thiết kế đồ họa làm gì?

16/02/2021 bởi admin
Thiết kế đồ họa là gì? Các hướng sáng tạo của thiết kế đồ họa là gì? Là nghệ thuật...

5 mẹo giúp bạn lập kế hoạch và truyền thông sự kiện hiệu quả

13/01/2021 bởi admin
Lập kế hoạch cho một sự kiện là một việc không đơn giản. Có nhiều thông tin chi tiết và...

Mẹo thiết kế giúp bao bì thực phẩm của bạn luôn nổi trội và thu hút

13/01/2021 bởi admin
Là 1 nhà sản xuất thực phẩm ngoài việc chú trọng vào chất lượng thực phẩm thì việc thiết kế...

8 công cụ chỉnh sửa ảnh Instagram tốt nhất

13/01/2021 bởi admin
Bạn đã biết cách chỉnh sửa ảnh Instagram trong chính ứng dụng, bạn đã sẵn sàng cho cấp độ chỉnh...

Cách tối ưu hóa video cho các kênh truyền thông xã hội khác nhau

11/01/2021 bởi admin
Tiếp thị qua video đang là một xu thế rất lớn hiện nay. Mọi người xem > 100 triệu giờ...
thiet-ke-do-hoa-thong-tin

Thiết kế đồ họa thông tin: cách sử dụng để thúc đẩy traffic

10/01/2021 bởi admin
Infographic là gì? Wikipedia định nghĩa đồ họa thông tin là một biểu thị trực quan của dữ liệu nhằm trình bày...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!