Cách giảm kích thước ảnh mà không mất chất lượng nhìn thấy
Website mất sáu giây để tải. Email bị trả lại vì đính kèm quá lớn. Bài đăng mạng xã hội đẹp nhưng tải lên mãi. Trong hầu hết mọi trường hợp, thủ phạm đều giống nhau: ảnh lớn hơn nhiều so với cần thiết.
Tin tốt là bạn có thể giảm đáng kể kích thước tệp ảnh, thường 70% trở lên, mà không có sự khác biệt chất lượng nhìn thấy. Chìa khóa là hiểu điều gì khiến ảnh lớn ngay từ đầu.
Độ phân giải và kích thước tệp: Sự khác biệt quan trọng
Nhiều người nhầm lẫn độ phân giải ảnh với kích thước tệp. Chúng liên quan nhưng là hai thứ riêng biệt.
Độ phân giải là số pixel trong ảnh, đo bằng chiều rộng x chiều cao. Ảnh 4000 x 3000 pixel có 12 triệu pixel (12 megapixel). Độ phân giải xác định ảnh có thể hiển thị lớn đến mức nào mà vẫn sắc nét.
Kích thước tệp là bao nhiêu byte ảnh chiếm trên ổ đĩa. Nó phụ thuộc vào độ phân giải, nhưng cũng vào định dạng, mức nén và nội dung ảnh.
Đây là lý do sự khác biệt quan trọng: ảnh 4000 x 3000 hiển thị ở 800 x 600 trên website đang lãng phí hơn 90% pixel. Trình duyệt phải tải tất cả 12 triệu pixel, rồi bỏ hầu hết để hiển thị ảnh ở kích thước nhỏ hơn. Đổi kích thước ảnh về kích thước hiển thị thực trước khi tải lên có thể giảm kích thước tệp 80% trở lên, không có sự khác biệt nhìn thấy.
Bạn có biết? Ảnh điện thoại thông minh thông thường là 4000 x 3000 pixel trở lên. Ảnh toàn chiều rộng trên website hiếm khi cần hơn 1920 x 1080 pixel. Cho ảnh thu nhỏ blog, 600 x 400 pixel thường đủ.
Hiểu các định dạng ảnh
Định dạng bạn chọn ảnh hưởng rất lớn đến kích thước tệp.
JPG (JPEG)
Tiêu chuẩn phổ quát cho ảnh chụp. JPG sử dụng nén lossy, nghĩa là bỏ một số dữ liệu ảnh mà mắt người không nhận ra. Ở chất lượng 80-85%, ảnh JPG trông giống hệt bản gốc nhưng kích thước chỉ là phần nhỏ.
Tốt nhất cho: Ảnh chụp, ảnh có gradient, ảnh thực tế.
PNG
PNG sử dụng nén lossless: không bỏ dữ liệu. Lý tưởng cho ảnh cần tái tạo pixel chính xác, như logo, ảnh chụp màn hình và đồ họa có chữ. Tuy nhiên, tệp PNG lớn hơn đáng kể so với JPG cho nội dung ảnh chụp.
Tốt nhất cho: Logo, ảnh chụp màn hình, đồ họa có chữ, ảnh cần trong suốt.
WebP
Phát triển bởi Google, WebP cung cấp cả nén lossy và lossless. Tạo tệp nhỏ hơn JPG 25-35% ở chất lượng tương đương và hỗ trợ trong suốt (không như JPG). Tất cả trình duyệt hiện đại hỗ trợ WebP.
Tốt nhất cho: Ảnh web mọi loại. Định dạng đa năng tốt nhất cho web hiện nay.
| Định dạng | Nén | Trong suốt | Kích thước ảnh chụp điển hình |
|---|---|---|---|
| JPG | Lossy | Không | 200-500 KB |
| PNG | Lossless | Có | 1-5 MB |
| WebP | Cả hai | Có | 150-350 KB |
Mẹo Nếu bạn có ảnh WebP cần chuyển đổi cho tương thích, xem hướng dẫn: Cách chuyển đổi WebP sang JPG.
Cách nén ảnh hoạt động
Mọi nén ảnh khai thác cùng nguyên tắc cơ bản: mắt người không thể nhận ra mọi chi tiết camera chụp được. Thuật toán nén xác định và loại bỏ thông tin bạn không bao giờ nhận ra thiếu.
Cụ thể, nén lossy lợi dụng:
- Độ nhạy màu. Mắt người nhạy với thay đổi độ sáng hơn thay đổi màu. Nén giảm độ chính xác màu mạnh hơn.
- Chi tiết tần số cao. Kết cấu mịn và gradient tinh tế có thể đơn giản hóa mà không ảnh hưởng nhìn thấy.
- Dư thừa. Vùng màu tương tự (bầu trời xanh, tường trắng) có thể biểu diễn hiệu quả hơn.
Bí quyết là tìm mức nén phù hợp. Nén quá ít lãng phí băng thông. Nén quá nhiều tạo artifact nhìn thấy: mờ, dải và vùng khối.
Quy tắc thực tế cho các trường hợp khác nhau
Cho website
- Chiều rộng tối đa: 1920 pixel cho ảnh hero toàn chiều rộng, 800-1200 pixel cho ảnh nội dung
- Định dạng: WebP với fallback JPG
- Chất lượng: 75-85%
- Kích thước mục tiêu: Dưới 200 KB mỗi ảnh, dưới 100 KB cho ảnh thu nhỏ
Cho đính kèm email
- Chiều rộng tối đa: 1200-1600 pixel
- Định dạng: JPG (tương thích phổ quát)
- Chất lượng: 80-85%
- Kích thước mục tiêu: Dưới 500 KB mỗi ảnh, tổng đính kèm dưới 10 MB
Cho mạng xã hội
Mỗi nền tảng có kích thước tối ưu riêng, nhưng quy tắc chung:
- Instagram: 1080 x 1080 (vuông), 1080 x 1350 (dọc)
- Facebook: 1200 x 630 cho xem trước liên kết
- LinkedIn: 1200 x 627
- Định dạng: JPG hoặc PNG
- Chất lượng: 85-90% (nền tảng nén lại ảnh, nên bắt đầu với chất lượng hơi cao hơn là khôn ngoan)
Cảnh báo Nền tảng mạng xã hội nén lại ảnh sau khi tải lên. Nếu bạn tải ảnh đã nén nặng, nén kép có thể tạo artifact nhìn thấy. Bắt đầu với ảnh nén vừa phải (chất lượng 85%+) và để nền tảng tự tối ưu.
Sai lầm lớn nhất mọi người mắc phải
1. Tải lên tệp gốc từ camera
Ảnh thô từ điện thoại hiện đại là 3-8 MB. Tệp raw DSLR có thể 25-50 MB. Tải trực tiếp lên website là nguyên nhân phổ biến nhất gây trang tải chậm.
2. Dùng PNG cho ảnh chụp
PNG là định dạng sai cho ảnh chụp. Ảnh lưu PNG có thể lớn gấp 5-10 lần so với cùng ảnh lưu JPG chất lượng 85%, không có sự khác biệt nhìn thấy.
3. Không đổi kích thước trước khi nén
Nén ảnh rộng 4000 pixel xuống 200 KB kém hiệu quả hơn nhiều so với trước tiên đổi kích thước về 1200 pixel rồi nén. Đổi kích thước trước, nén sau.
4. Nén nhiều lần
Mỗi khi bạn mở JPG, chỉnh sửa và lưu lại, nó được nén lại. Qua nhiều chu kỳ chỉnh sửa-lưu, chất lượng giảm rõ rệt. Luôn làm việc từ bản gốc và chỉ nén phiên bản cuối.
Mẹo Nén ảnh miễn phí, trực tiếp trong trình duyệt: Cách nén ảnh. Điều chỉnh chất lượng, đổi kích thước và xem tiết kiệm kích thước tệp theo thời gian thực.
Tác động của tối ưu ảnh
Tối ưu ảnh không chỉ về sự tiện lợi. Cho website, nó ảnh hưởng trực tiếp:
- Tốc độ tải trang. Trang nhanh hơn xếp hạng cao hơn trên Google.
- Trải nghiệm người dùng. 53% người dùng di động bỏ trang mất hơn 3 giây để tải.
- Chi phí băng thông. Cho trang có lưu lượng cao, tối ưu ảnh tiết kiệm đáng kể chi phí hosting.
- Khả năng truy cập. Người dùng kết nối chậm hoặc gói data hạn chế được lợi rất nhiều.
Sẵn sàng tối ưu ảnh? Làm theo hướng dẫn từng bước: Cách nén ảnh. Miễn phí, hoạt động trong trình duyệt và cho phép xem sự khác biệt chất lượng trước khi tải xuống.