Với màn hình Full HD trở thành tiêu chuẩn tối thiểu và ngay cả điện thoại rẻ cũng có camera ít nhất 5 megapixel, dễ dàng quên đi rằng dung lượng hình ảnh trên web vẫn rất quan trọng. Khi xây dựng website, việc tính toán băng thông là cực kỳ quan trọng.
Mặc dù một hình ảnh lớn, độ phân giải cao có thể không gây vấn đề với kết nối broadband hiện đại, nhưng nhồi nhét quá nhiều tài nguyên chất lượng cao vào trang web sẽ biến trải nghiệm duyệt web thành "ác mộng". Ngoài ra, bạn còn phải trả chi phí hosting cho dung lượng phình to đó!
Không chỉ webmaster mới lo lắng về hình ảnh quá lớn. Nếu bạn từng gửi email kèm vài tấm ảnh, dung lượng email có thể khiến bạn "sốc" khi gửi 10-20 tấm. Đó là lý do công cụ tối ưu hóa hình ảnh trực tuyến là "người bạn đồng hành" tốt nhất khi bạn muốn tải lên, chia sẻ hoặc lưu trữ hình ảnh.
Dưới đây là 4 công cụ nén hình ảnh trực tuyến yêu thích của chúng tôi, kèm theo một lựa chọn ngoại tuyến (offline) cho khi mất mạng mà deadline không chờ đợi! Cũng đọc bài viết trước về các cách khác để giảm dung lượng hình ảnh.
Thiết lập kiểm thử hình ảnh
Trước khi đi vào từng công cụ nén, tôi muốn giải thích phương pháp kiểm thử. Nó không quá "khoa học" hay mở rộng; chỉ là một loạt nén bằng các công cụ nén khác nhau mà thôi.
Để thể hiện sự khác biệt của định dạng tệp đối với nén, chúng tôi dùng một ảnh JPG và một ảnh PNG. Đôi khi bạn nén tốt hơn nhiều nếu lưu dưới định dạng khác. JPG phù hợp cho ảnh "thực tế": con người, phong cảnh, vật thể... PNG phù hợp cho biểu tượng, văn bản, chụp màn hình cửa sổ desktop... Đây là ảnh JPG gốc (91 KB):
Và đây là ảnh PNG gốc (26 KB):
Kraken.io
Điểm mạnh nhất của Kraken.io là cho ta cái cớ để hét "Thả ra Kraken!" mỗi lần dùng, nhưng ngoài ra, nó là một trong những giải pháp nhanh nhất chúng tôi thử và khá đơn giản.
Có vài gói trả phí, khác nhau chủ yếu về dung lượng dữ liệu xử lý mỗi tháng. Giao diện web miễn phí (quick interface) không cho thay đổi kích thước ảnh hay dùng các tính năng "Pro", nhưng chỉ là công cụ kéo thả đơn giản, vài giây là hiểu cách dùng.
Tốt nhất là bạn có thể xếp hàng nhiều tệp cùng lúc để xử lý hàng loạt (batch processing).
Cũng dễ dàng nhập ảnh từ Google Drive hoặc Dropbox chỉ bằng một cú click. Trong bài kiểm thử, Kraken giảm dung lượng ảnh JPG khoảng 15% (còn 78 KB) và ảnh PNG khoảng 61% (còn 10 KB).
Ảnh JPG sau khi "thả Kraken":
Có chút mất chất lượng, nhưng ảnh vẫn trông khá tốt và website sẽ nhẹ nhàng hơn nhờ tối ưu hóa. Ảnh PNG sau nén:
Chất lượng PNG nén gần như giống hệt gốc, đó là lý do tôi yêu thích định dạng PNG nhờ khả năng nén mạnh mà ít mất chất lượng.
Sử dụng Kraken.io tại kraken.io.
Compressor.io
Compressor hứa hẹn giảm dung lượng mạnh mẽ, "lên tới 90%" trong một số trường hợp. Mặc dù hầu hết ảnh không đạt mức đó, Compressor là lựa chọn tốt nếu bạn ưu tiên dung lượng tệp nhỏ nhất hơn chi tiết hình ảnh mịn màng.
Giao diện đẹp, dễ dùng. Tiện là có thể lưu ảnh trực tiếp lên Google Drive hoặc Dropbox mà không cần tải về máy trước. Nhược điểm: chỉ xử lý được một ảnh mỗi lần.
Kiểm thử trên ảnh JPG: giảm 28% dung lượng (còn 66 KB).
Ảnh PNG: giảm khoảng 67%, xuống còn ~8 KB. Gần như bằng Kraken.
Chất lượng ảnh bị ảnh hưởng thế nào? Đây là ảnh JPG sau Compressor để so sánh.
Rõ ràng nhiễu (noise) tăng đáng kể. Dung lượng nhỏ hơn nhưng chất lượng kém hơn. Bạn nên thử ảnh của mình trên nhiều trang để tìm cân bằng giữa giảm dung lượng đáng kể và chất lượng chấp nhận được.
Ảnh PNG từ Compressor trông y hệt Kraken, nên không đưa lên đây.
Sử dụng Compressor.io tại compressor.io.
Optimizilla
Optimizilla giành điểm cộng ngay lập tức nhờ吉祥 vật (mascot) dễ thương, nhưng cũng hứa hẹn cách tiếp cận cân bằng cho tối ưu hóa hình ảnh. Bên cạnh đó, bạn có thể xếp hàng lên tới 20 ảnh. Giao diện Optimizilla cũng rất mạnh.
Optimizilla cho phép đặt mức chất lượng riêng cho từng ảnh. Bạn dễ dàng điều chỉnh bằng thanh trượt và xem trước kết quả so với gốc.
Điều này nghĩa là bạn không phải tải xuống lặp đi lặp lại cho đến khi hài lòng về chất lượng.
Mặc định: giảm 23% dung lượng JPG (còn 70 KB). Kích thước JPG lớn hơn Compressor nhưng nhỏ hơn Kraken. Chất lượng tốt hơn Compressor nhiều và ngang ngửa Kraken.
PNG giảm 64% và gần như không phân biệt được với gốc. Cũng trông giống các phiên bản nén trước đó.
Sử dụng Optimizilla tại imagecompressor.com.
ImageSmaller
ImageSmaller là công cụ nén trực tuyến tốt khác cho kết quả khá ổn, tuy bị giới hạn chỉ xử lý một ảnh mỗi lần.
Trong bài test, giảm ấn tượng 54% dung lượng JPG với mất chất lượng vừa phải. Ảnh vẫn dùng được cho đăng web hoặc mục đích bình thường, nhưng nhiễu quá nhiều để dùng cho in ấn chuyên nghiệp.
Lại một lần nữa, PNG giảm ~65% và kết quả y hệt các công cụ khác.
Lựa chọn ngoại tuyến: RIOT
Bốn công cụ trên đều cần internet, nhưng không lúc nào cũng có mạng. Vì vậy, nên có một ứng dụng ngoại tuyến dự phòng hoặc cho trường hợp tối ưu trực tuyến không phù hợp.
Có thể bạn cần xử lý lượng lớn ảnh hoặc không muốn tải ảnh lên mạng vì lý do riêng tư.
Dù lý do gì, chúng tôi đặc biệt thích RIOT (Radical Image Optimization Tool). Phần mềm miễn phí này "có thể làm gần như mọi thứ", lại còn dễ dùng.
Có chế độ gợi ý tự động thú vị: kéo thả ảnh vào, nó sẽ đề xuất mức nén phù hợp.
Dùng chế độ auto: giảm 28% dung lượng (66 KB). Ảnh sau khi RIOT xử lý. Giống Compressor, dung lượng nhỏ nhưng nhiễu rất cao.
Điểm đáng giá của RIOT: có chế độ chuyển đổi hàng loạt (batch converter). Bạn xếp hàng bao nhiêu ảnh tùy sức máy, rồi để nó chạy tự động. Lợi thế lớn so với hầu hết giải pháp trực tuyến miễn phí!
Tải RIOT tại luci.criosweb.ro/riot/.
Đơn giản như 1, 2, 3
Với các công cụ tối ưu hóa hình ảnh này, website bạn sẽ tải nhanh hơn, tiết kiệm dung lượng server, hoặc gửi ảnh nhẹ nhàng cho bạn bè, người thân qua email.
Nhanh chóng, dễ dàng "giảm cân" cho những hình ảnh "quá cân" thành dung lượng dễ "nuốt chửng" hơn. Thêm vào đó, hoàn toàn miễn phí. Đó là một "deal hời" dù nhìn từ góc độ nào! Chúc bạn thành công!