Trước đây, tôi đã viết bài về cách giảm dung lượng file ảnh dùng tùy chọn email tích hợp trong Explorer hoặc dùng chương trình desktop gọi là Image Resizer for Windows. Đó là những lựa chọn tốt, nhưng vẫn có một vài cách khác để tối ưu hóa ảnh. Ngoài ra, nhiều trang web sẽ bảo bạn dùng Paint, nhưng tôi thấy đó không phải phương pháp tốt vì hình ảnh trông tồi tệ hơn nhiều.
Thứ nhất, quan trọng là hiểu rằng một số phương pháp giảm dung lượng ảnh sẽ dẫn đến chất lượng hình ảnh thấp hơn, có thể chấp nhận được cho web, nhưng không cho in ấn. Điều này thường xảy ra khi bạn thay đổi độ phân giải ảnh, ví dụ từ 2560×1440 xuống 1920×1080.
Một cách khác để giảm dung lượng ảnh là nén ảnh. Có hai loại nén: không mất dữ liệu (lossless) và mất dữ liệu (lossy). Nén lossless sẽ giảm dung lượng mà không mất một pixel nào của file gốc. Lossy có nghĩa là một số dữ liệu sẽ bị mất.
Cuối cùng, định dạng ảnh cũng tạo ra sự khác biệt lớn về dung lượng file. Một bức ảnh bình thường bạn chụp từ máy ảnh có thể là ảnh JPG vì nó nén tốt. Tuy nhiên, ảnh với ít màu (256 màu hoặc ít hơn) sẽ nhỏ hơn nhiều nếu dùng GIF. PNG là định dạng lossless có thể nén cao. Nó hoạt động tốt cho đồ họa web và ảnh chụp phức tạp.
Trong bài viết này, tôi đưa ra vài ví dụ với ảnh chụp màn hình nén ảnh dùng nhiều định dạng để bạn thấy sự khác biệt về dung lượng và chất lượng.
Cách giảm dung lượng ảnh
Hãy bắt đầu bằng cách nói về cách bạn có thể giảm dung lượng ảnh mà không mất chất lượng. Điều này sẽ cho bạn file nhỏ nhất trong khi giữ nguyên chất lượng gốc. Rõ ràng, dùng nén lossy sẽ cho file nhỏ hơn nhiều, như bạn sẽ thấy trong ví dụ dưới, nhưng bạn sẽ mất một chút chất lượng.
Định dạng & Nén
Trước hết, hãy bắt đầu với đồ họa màu phẳng. Là ví dụ, tôi chụp ảnh màn hình trang web HDG (600×319) vì nó có ít màu và không phức tạp. Dưới đây là dung lượng file ở các định dạng khác nhau không nén:
GIF gốc: 27 KB
JPEG gốc: 67 KB
PNG gốc: 68 KB
Như bạn thấy, file PNG và GIF chắc chắn nét hơn JPEG. Như đã nói trước, JPEG tốt hơn cho nhiếp ảnh. GIF làm tốt ở đây vì chỉ 27 KB so với PNG 68 KB. Tuy nhiên, theo kinh nghiệm của tôi, PNG nén tốt hơn nhiều nếu là nén lossy và chất lượng ảnh vẫn rất tốt.
Khi tôi nén lossless cả ba, chỉ có JPG và PNG giảm dung lượng, nhưng không nhiều. PNG xuống 45 KB và JPG xuống 58 KB. Khi tôi nén lossy, con số cho PNG ấn tượng nhất.
GIF lossy: 22 KB
JPEG lossy: 50 KB
PNG lossy: 23 KB
Như bạn thấy, PNG trông tốt nhất và chỉ lớn hơn GIF 1 KB! Đó là lý do tôi dùng ảnh PNG cho hầu hết ảnh chụp màn hình trên trang web này. JPEG sẽ luôn thường tốt hơn cho ảnh nhiếp ảnh với nhiều màu. Nhưng nhớ, JPG chỉ 16-bit, trong khi PNG 24-bit, nên JPG hỗ trợ hàng triệu màu, nhưng PNG hỗ trợ màu không giới hạn.
GIF chỉ giảm 5 KB, nhưng đồng thời mất nhiều chất lượng. JPG không nén nhiều, nhưng JPG thường không nén tốt như PNG.
Bạn có thể dùng ứng dụng ảnh của mình để đổi định dạng ảnh để xem dung lượng nào nhỏ nhất. Đối với nén, tôi khuyên dùng công cụ trực tuyến vì chúng làm tốt. Tôi cá nhân dùng Kraken.io cho trang web của tôi, nhưng có những cái khác tốt như TinyPNG và Optimizilla.
Thay đổi độ phân giải ảnh
Cách chính để thu nhỏ ảnh là giảm độ phân giải hình ảnh. Nếu bạn có file 4000×2500, giảm kích thước xuống 2000×1250 sẽ làm file nhỏ một nửa. Bạn rõ ràng sẽ mất một lượng lớn dữ liệu ảnh gốc, nhưng tùy thuộc vào mục đích, có thể không quan trọng.
Mọi chương trình chỉnh sửa ảnh đều có cách để bạn thay đổi hoặc thay đổi kích thước ảnh. Ở đây bạn có thể thay đổi chiều rộng/cao hoặc độ phân giải, thường là chấm mỗi inch (DPI) hoặc pixel mỗi inch (PPI). Đọc bài viết tuyệt vời này về sự khác biệt giữa DPI và PPI. Đối với bất cứ thứ gì trên web, bạn chỉ phải lo pixel, không phải chấm. Chấm chỉ ảnh hưởng đến ảnh in.
Ví dụ, trang web của tôi chỉ có ảnh rộng tối đa 680 pixel. Do đó, tôi luôn thay đổi kích thước ảnh xuống 680 pixel hoặc thấp hơn trước khi tải lên vì nếu không WordPress sẽ tự resize nó về 680px, nhưng dung lượng file sẽ lớn hơn cần thiết.
Nếu bạn muốn hiểu thêm về con số 72 pixel/inch và tùy chọn resample, xem bài viết xuất sắc này đi sâu vào chi tiết.
Thay đổi độ sâu màu/Chế độ màu
Trong ví dụ trên, nếu bạn có ảnh chỉ với vài màu, bạn không cần dùng định dạng ảnh hỗ trợ hàng triệu màu. Trong ví dụ trang web của tôi, GIF chỉ cần hỗ trợ màu Indexed và 8 bit/kênh.
Bạn có thể chọn màu RGB và 16 bit/kênh, nhưng ảnh sẽ trông giống hệt, nhưng dung lượng file lớn hơn. Bạn có thể đọc thêm về các chế độ màu này trên trang web của Adobe. Ngoài Photoshop, hầu hết các trình chỉnh sửa ảnh cũng cho bạn thay đổi độ sâu màu/chể đợ cho ảnh.
Cắt ảnh (Crop)
Một cách dễ dàng khác để giảm dung lượng ảnh đơn giản là cắt nó! Bất cứ thứ gì bị cắt ra sẽ bị loại bỏ hoàn toàn khỏi ảnh. Không quan trọng ảnh gì, bạn thường có thể cắt một chút ít nhất, chắc chắn sẽ giúp giảm dung lượng.
Và lưu ý cắt không chỉ phải là kiểu điển hình cắt bỏ phần trên/dưới hoặc trái/phải. SnagIt Editor, một trong những yêu thích của tôi, có công cụ cắt bỏ cho phép bạn cắt bỏ phần của ảnh từ giữa ảnh theo chiều ngang hoặc dọc. Điều này tiện lợi nhiều hơn bạn nghĩ. Đây là ví dụ tôi phải chụp ảnh màn hình menu Start khi gõ lệnh.
Dung lượng file gốc ở trên là 22 KB. Thay vì dùng đó, tôi cắt bỏ phần giữa, mà tôi không cần như hình dưới.
Dung lượng file mới chỉ 9 KB! Tất cả đó mà không cần nén hay đổi định dạng file. Khi tôi nén nó, tôi giảm xuống chỉ 4.4 KB. Vậy cắt ảnh là một cách quan trọng để giảm dung lượng ảnh.
Hy vọng bạn đã giảm được dung lượng ảnh và học được một chút về cách hoạt động của ảnh kỹ thuật số dọc theo đường! Nếu bạn có bất kỳ câu hỏi nào, thoải mái bình luận. Thưởng thức!