Tối ưu hóa hình ảnh là chìa khóa để tăng tốc độ tải trang web của bạn. Khi hình ảnh được sắp xếp hợp lý và nén đúng cách, website sẽ nhẹ nhàng hơn, giúp người dùng trải nghiệm mượt mà hơn. Dưới đây chính là hướng dẫn chi tiết về cách sắp xếp và nén ảnh cho website, mang lại trải nghiệm tốt hơn cho người dùng và cải thiện thứ hạng của website trên các công cụ tìm kiếm.
Bước 1: Kết nối FTP bằng FileZilla
1. Tải FileZilla
Nếu chưa có FileZilla, hãy tải và cài đặt phần mềm này bằng cách tham khảo hướng dẫn chi tiết tại đây: [Hướng dẫn kết nối FTP bằng FileZilla]
2. Kết nối vào FTP
Mở FileZilla và thực hiện kết nối đến máy chủ website của bạn theo thông tin tài khoản FTP (Host, Username, Password) - Thông tin FTP lấy ở thông tin quản lý hosting.
Bước 2: Tìm thư mục chứa ảnh
- Sau khi kết nối thành công, tìm thư mục lưu trữ ảnh trên website của bạn trong giao diện FileZilla (Nếu không biết thì liên hệ đơn vị thiết kế website cho bạn để được hướng dẫn).
- Click vào thư mục này để xem danh sách các file ảnh bên trong.
Bước 3: Sắp xếp ảnh theo dung lượng
1. Hiển thị ảnh lớn nhất trước
- Tìm cột Filesize trong giao diện FileZilla.
- Tại cột Filesize, ta sắp xếp ảnh từ lớn đến nhỏ bằng cách click vào cột FileSize sao cho mũi tên chỉ hướng đi xuống (như ảnh bên dưới). Nhìn vào cột Filesize ta có thể nhìn thấy các ảnh có dung lượng lớn nhất đang ở trên cùng và hiển thị theo dung lượng nhỏ dần xuống dưới.
2. Kiểm tra ảnh lớn
Xem nhanh các ảnh có dung lượng lớn hơn khoảng 500KB.
Bước 4: Tải ảnh về máy tính
1. Chọn ảnh lớn để tải về
- Nhấn chuột phải vào một ảnh bạn muốn tải và chọn Download.
- Nếu muốn chọn nhiều ảnh:
+ Nhấn chuột trái vào một ảnh.
+ Giữ phím Ctrl (Windows) hoặc Command (Mac) và click thêm các ảnh khác.
+ Sau đó, nhấn chuột phải và chọn Download.
2. Ảnh sẽ được lưu vào thư mục bạn đã chọn trên máy tính.
* Lưu ý: Backup lại dữ liệu ảnh trước khi thao tác để đảm bảo nếu có thao tác nhầm hoặc nén ảnh bị sai chúng ta có thể khôi phục lại hình ảnh cũ.
Bước 5: Nén ảnh trên máy tính
1. Nén ảnh
- Dùng phần mềm hoặc công cụ hỗ trợ để nén ảnh. Tham khảo hướng dẫn chi tiết tại đây: [Hướng dẫn nén ảnh siêu nhẹ và tối ưu]
- Quan sát kỹ hơn bạn có thể view các file hình ảnh có kích thước lớn hơn 1920px (Chọn xem thư mục chứa ảnh, sau đó nhấn chuột phải tại thư mục, tại đây chọn Sort by hoặc Group by theo Dimensions). Việc resize ảnh về 1920px với những ảnh kích cỡ lớn sẽ giúp giảm dung lượng nhiều hơn và có thể tách folder chạy 2 lần batch cho Photoscape
2. Lưu ý quan trọng
- Đảm bảo ảnh sau khi nén giữ nguyên tên file và đuôi ảnh (VD: ảnh gốc là bicweb.jpg, sau khi nén vẫn phải là bicweb.jpg).
- Nếu tên file hoặc đuôi ảnh thay đổi, khi upload lại, hệ thống sẽ coi đó là một ảnh mới, làm tăng dung lượng tổng của thư mục.
Bước 6: Upload ảnh nén lên website
1. Sau khi nén xong, quay lại FileZilla.
2. Chọn thư mục chứa ảnh trên website, nhấn chuột phải vào file ảnh đã nén trên máy tính và chọn Upload để ghi đè lên ảnh cũ.
Như vậy, việc sắp xếp và nén ảnh có dung lượng lớn là một bước đi thiết yếu để cải thiện hiệu suất của website, làm tăng tốc độ tải trang, nâng cao trải nghiệm người dùng. BICWeb hiểu rõ điều đó và luôn sẵn sàng cung cấp các giải pháp tối ưu hóa hình ảnh hiệu quả. Nếu có bất kỳ khó khăn nào trong quá trình thực hiện bạn vui lòng liên hệ đội ngũ hỗ trợ của BICWeb. Chúng tôi luôn sẵn sàng hỗ trợ.
Tác giả: Diệu Linh