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
