Nén ảnh cho web tải nhanh hơn

Khoảng 75–85% là điểm hợp lý cho ảnh trên web: dung lượng giảm mạnh mà mắt thường gần như không thấy khác. Dưới 60% thì vùng chuyển màu như bầu trời hay da người bắt đầu nổi vệt. Ảnh có chữ hoặc đồ hoạ nét mảnh nên để cao hơn, từ 90%.

WebP thường nhẹ hơn JPEG khoảng 25–35% ở cùng mức nhìn, và giữ được nền trong suốt. Mọi trình duyệt còn được hỗ trợ đều đọc được WebP. Chỉ chọn JPEG khi ảnh phải gửi vào phần mềm cũ hoặc nơi bắt buộc định dạng đó.

Vì trình duyệt đọc được AVIF nhưng không tạo ra được: hàm xuất ảnh của canvas không hỗ trợ định dạng này. Muốn nén AVIF ngay trên máy bạn thì phải tải kèm một bộ mã hoá nặng khoảng 1MB, tụi mình thấy không đáng cho mức lợi thêm so với WebP.

Đây thường là thứ giảm dung lượng nhiều nhất. Ảnh máy ảnh hay điện thoại rộng 4000–6000 px, trong khi khung hiển thị trên web hiếm khi quá 1600 px. Hạ bề ngang xuống đúng nhu cầu rồi mới nén sẽ nhẹ hơn nhiều so với chỉ hạ chất lượng.

Không. Trang này là HTML tĩnh, việc giải mã và nén chạy bằng canvas ngay trong tab của bạn. Đóng tab là mọi thứ biến mất.