Cách chọn định dạng, bề ngang và mức nén để giảm dung lượng ảnh cho website
Ảnh nhẹ giúp trang tải nhanh hơn, nhưng mỗi vị trí trên website cần một cỡ ảnh và một định dạng khác nhau. Phần dưới tóm tắt cách chọn ba thông số của công cụ và việc cần làm sau khi tải ảnh về, dựa trên các bài hướng dẫn tối ưu hình ảnh trên blog SEONGON. Cuối mỗi mục có liên kết tới bài gốc để bạn đọc đầy đủ.
WebP nhẹ hơn JPEG và PNG nên hợp với phần lớn ảnh đăng lên website
Định dạng ảnh quyết định phần lớn dung lượng tệp, nên bạn chọn định dạng trước khi chỉnh mức nén. Bài Kích thước ảnh website chuẩn SEO của SEONGON so sánh các định dạng phổ biến như sau.
- WebP là định dạng do Google phát triển cho website, giữ chất lượng cao nhưng tệp nhỏ hơn JPEG và PNG, lại hỗ trợ nền trong suốt.
- JPEG hợp với ảnh chụp sản phẩm và phong cảnh, nhưng không giữ được nền trong suốt.
- PNG hợp với logo và biểu đồ cần nét căng, đổi lại tệp thường nặng hơn JPEG.
Vì vậy, bạn chọn WebP cho ảnh đăng web, và chỉ chọn JPEG khi cần gửi ảnh cho phần mềm hay thiết bị cũ chưa mở được WebP.
Nguồn: Kích thước ảnh website chuẩn SEO là bao nhiêu?, blog SEONGON.
Bề ngang tối đa nên khớp với chỗ đặt ảnh trên trang
Ảnh rộng hơn khung hiển thị chỉ làm tệp nặng thêm mà người xem không thấy rõ hơn. Bài Kích thước ảnh website chuẩn SEO gợi ý ảnh bìa hay banner trang chủ thường có cỡ 1360×540 điểm ảnh. Ảnh minh họa trong bài viết thường là 800×500, còn ảnh thu nhỏ của bài viết là 300×188 điểm ảnh. Bạn nhập số bề ngang tương ứng vào ô bề ngang tối đa của công cụ, và ảnh sẽ được thu nhỏ theo đúng tỉ lệ.
Sau khi nén, bạn xem dung lượng sau nén mà công cụ hiện ở mỗi dòng để biết ảnh đã đủ nhẹ hay chưa. Theo SEONGON, ảnh dưới 100 KB là mức lý tưởng cho website. Ảnh lớn và nhiều chi tiết có thể nặng hơn một chút, miễn là vẫn giữ được độ nét.
Nguồn: Kích thước ảnh website chuẩn SEO là bao nhiêu?, blog SEONGON.
Mức chất lượng 75 đến 80% giảm mạnh dung lượng mà mắt thường khó nhận ra
Ảnh thường là phần nặng nhất của một trang web, nên nén ảnh là cách tăng tốc dễ làm nhất. Bài 18 cách tăng tốc độ tải trang web của SEONGON khuyên chuyển ảnh sang WebP và nén ở mức 75 đến 80%. Bài viết lấy ví dụ một ảnh banner JPEG nặng 1,5 MB có thể giảm còn khoảng 150 KB mà chất lượng gần như không đổi. Mức mặc định 80% của công cụ nằm trong khoảng này. Bài Kích thước ảnh website chuẩn SEO cũng minh họa mức giảm tương tự, từ 2 MB xuống 70 KB.
Khi đưa ảnh đã nén lên trang, bạn nên nhờ người làm web bật thêm hai thiết lập. Thiết lập thứ nhất là tải lười, tức chỉ tải ảnh khi người đọc cuộn tới gần. Thiết lập thứ hai là ghi sẵn chiều rộng và chiều cao cho từng ảnh, để nội dung không bị nhảy khi ảnh tải xong. Bài Core Web Vitals của SEONGON giải thích thêm rằng ảnh banner thường là phần tử lớn nhất trang. Thời gian ảnh này hiện xong được Google đo bằng chỉ số LCP, nên làm nhẹ banner có tác dụng rõ nhất.
Nguồn: 18 cách tăng tốc độ tải trang web hiệu quả, Kích thước ảnh website chuẩn SEO là bao nhiêu? và Core Web Vitals - Update quan trọng nhất của Google, blog SEONGON.
Đổi tên tệp và viết thẻ alt trước khi tải ảnh đã nén lên website
Ảnh nhẹ mới giải quyết tốc độ, còn tên tệp và thẻ alt giúp Google hiểu ảnh nói về điều gì. Thẻ alt là dòng chữ mô tả ảnh, hiện ra khi ảnh không tải được và được Google đọc để hiểu nội dung ảnh. Bài SEO hình ảnh của SEONGON đưa ra các nguyên tắc sau.
- Tên tệp nên chứa từ khóa, viết không dấu và nối các chữ bằng dấu gạch ngang, vì tên tệp sẽ trở thành đường dẫn của ảnh.
- Thẻ alt được viết có dấu, mô tả đúng nội dung ảnh và hợp với đoạn văn quanh ảnh.
- Các ảnh trong cùng một bài không nên dùng chung một nội dung thẻ alt.
Nguồn: SEO hình ảnh: 7 bước tối ưu quan trọng để lên top Google, blog SEONGON.
