Chọn đúng kích thước, tỷ lệ và định dạng ảnh là cách cân bằng tốc độ tải với trải nghiệm đọc trên điện thoại.
Ảnh minh họa rõ chủ đề giúp người đọc hiểu bài nhanh hơn, nhưng ảnh quá nặng khiến trang tải chậm, đặc biệt với mạng di động.
Vì sao chủ đề này đáng quan tâm?
Nên chuẩn bị ảnh đúng tỷ lệ cho từng vị trí. Ảnh dùng trong thẻ nhỏ không cần có cùng dung lượng với ảnh hero lớn; ngược lại, đừng lấy thumbnail nhỏ kéo thành ảnh toàn màn hình.
Những điểm cần lưu ý
Định dạng WebP hoặc AVIF thường phù hợp cho ảnh chụp, trong khi SVG hữu ích cho biểu tượng và minh họa vector. Cần kiểm tra khả năng hiển thị và màu sắc sau khi xuất.
Cách áp dụng vào thực tế
Khai báo kích thước hình, dùng lazy loading cho ảnh ngoài màn hình và viết alt text mô tả đúng nội dung. Những bước này hỗ trợ cả tốc độ và khả năng tiếp cận.
Khi sử dụng thông tin từ bất kỳ nguồn nào, hãy kiểm tra thời điểm, phạm vi áp dụng và tài liệu gốc nếu nội dung liên quan đến quyết định quan trọng.
