Cách nén JPEG cho web

Chỉ một tấm JPEG quá khổ thôi cũng có thể nặng hơn toàn bộ phần còn lại của trang web cộng lại, và đó là lý do phổ biến nhất khiến một trang cảm giác chậm. Máy ảnh hay quá trình xuất file tạo ra nó được tối ưu cho việc in ấn hoặc ảnh toàn màn hình, chứ không phải cho ảnh thu nhỏ, banner chính hay lưới sản phẩm, những nơi mà cùng một file thường nặng gấp nhiều lần mức cần thiết.

Tin tốt là JPEG là định dạng ảnh có mất dữ liệu, nên nó có thể bỏ bớt rất nhiều dữ liệu mà mắt thường không nhận ra. Nén hợp lý, cùng với việc chỉnh kích thước ảnh đúng bằng kích thước hiển thị thực tế, thường giúp giảm một tấm ảnh xuống chỉ còn một phần nhỏ trọng lượng ban đầu mà không có khác biệt nào nhìn thấy được trên màn hình.

Công cụ nén JPG cho bạn một thanh điều chỉnh chất lượng mà bạn có thể chỉnh dần cho đến khi cả kích thước lẫn hình ảnh đều ưng ý:

• Mở công cụ nén JPEG và thả ảnh của bạn vào, bạn có thể tải nhiều ảnh cùng lúc.
• Đặt mức chất lượng. Với ảnh dùng cho web, mức khoảng 75–82 là điểm tối ưu, gần như không thể phân biệt trên màn hình trong khi dung lượng file giảm mạnh.
• Xem trước, rồi xuất file và tải xuống. Bản xuất ra là một file JPEG hoàn toàn mới với metadata đã bị xóa, nên dữ liệu EXIF và GPS ẩn không đi kèm lên máy chủ của bạn.

Mọi thứ đều chạy trên thiết bị của bạn, bạn có thể ngắt mạng sau khi trang đã tải xong mà nó vẫn hoạt động bình thường, đó là bằng chứng rõ ràng nhất rằng ảnh của bạn không hề được tải lên bất kỳ đâu.

Chất lượng chỉ là một nửa thành công, kích thước là nửa còn lại. Đưa một tấm ảnh rộng 4000 pixel vào một vị trí chỉ hiển thị ở mức 800 pixel sẽ lãng phí phần lớn dung lượng file vào những chi tiết mà không khách truy cập nào từng thấy, trong khi trình duyệt vẫn phải tải xuống toàn bộ số pixel dư thừa đó.

Vì vậy trước khi nén, hãy chỉnh kích thước ảnh về xấp xỉ kích thước lớn nhất mà nó thực sự được hiển thị (chừa thêm một chút cho màn hình mật độ cao cũng không sao). Một tấm ảnh được chỉnh đúng khung hiển thị rồi nén ở chất lượng 75–82 thường chỉ còn bằng một phần mười ảnh gốc, đây thường là cải thiện tốc độ lớn nhất bạn có thể đạt được. Một lưu ý: nén JPEG là quá trình một chiều và nó cộng dồn. Nén lại một file JPEG đã từng được nén sẽ cộng thêm nhiễu nhìn thấy được mỗi lần, vì vậy hãy luôn bắt đầu từ file gốc và chỉ nén một lần duy nhất.

JPEG là lựa chọn an toàn, phổ biến, nhưng nó không còn là định dạng nhẹ nhất nữa. Những định dạng kế nhiệm hiện đại của nó, WebP và AVIF, đạt cùng mức chất lượng nhìn thấy được với dung lượng nhỏ hơn rõ rệt, và cả hai đều được các trình duyệt hiện nay hỗ trợ tốt. Nếu dung lượng trang là ưu tiên của bạn, thì đáng để chuyển một file JPG sang WebP hoặc sang AVIF rồi so sánh kết quả.

Đây là một gợi ý thành thật kiểu “cân nhắc xem sao”, không phải một quy tắc bắt buộc, nếu bạn cần một file mở được ở bất cứ đâu mà không gặp rắc rối nào, cứ tiếp tục dùng JPEG. Để tìm hiểu rộng hơn về cách chọn mức chất lượng và định dạng, xem cách nén ảnh mà không mất chất lượng.