Chào mọi người, hôm nay tôi sẽ chia sẻ với các bạn về trải nghiệm của tôi khi so sánh ảnh ở hai định dạng khác nhau, cụ thể là giữa Anh và Bỉ. Nghe có vẻ hơi lạ đúng không, nhưng thực ra là tôi đang muốn so sánh ảnh .jpg và .webp ấy mà.
Chuyện là thế này, dạo gần đây tôi có tìm hiểu về tối ưu hóa website, trong đó có phần tối ưu hình ảnh. Thế là tôi bắt đầu mày mò xem có cách nào để ảnh hiển thị trên web vừa nét mà dung lượng lại nhẹ không. Sau một hồi tìm kiếm trên mạng, tôi biết đến định dạng ảnh WebP, nghe nói là “xịn” hơn cả JPEG.
Quá Trình Thử Nghiệm
Bước 1: Chuẩn bị ảnh
Đầu tiên, tôi chọn một bức ảnh .jpg có dung lượng tương đối lớn để làm “chuột bạch”. Ảnh này là ảnh phong cảnh, có nhiều chi tiết, màu sắc cũng khá phong phú.
- Tìm ảnh gốc có độ phân giải cao.
- Lưu ảnh dưới dạng .jpg.
Bước 2: Chuyển đổi sang WebP
Tiếp theo, tôi dùng một công cụ chuyển đổi ảnh online để chuyển bức ảnh .jpg kia sang định dạng .webp. Cũng khá đơn giản thôi, chỉ cần tải ảnh lên rồi chọn định dạng đầu ra là .webp, sau đó chờ một lát là xong.
- Sử dụng công cụ convert ảnh online.
- Tải ảnh lên và chọn định dạng WebP.
- Chờ đợi quá trình convert.
Bước 3: So sánh và đánh giá
Sau khi có cả hai phiên bản ảnh, tôi bắt đầu so sánh chúng. Về chất lượng hiển thị, thú thực là bằng mắt thường tôi không thấy có sự khác biệt đáng kể nào cả, cả hai đều sắc nét và màu sắc y như nhau.
- Mở cả hai ảnh và xem ở kích thước 100%.
- So sánh chi tiết và màu sắc.
Tuy nhiên, khi xem đến dung lượng file thì ôi thôi, sự khác biệt mới rõ ràng làm sao. Bức ảnh .jpg ban đầu của tôi có dung lượng khoảng 2MB, còn bức ảnh .webp sau khi chuyển đổi thì chỉ còn khoảng 800KB. Quá là bất ngờ!
- Kiểm tra dung lượng file của cả hai.
Bước 4: Kiểm tra trên web
Cuối cùng tôi thay cái ảnh .jpg trên web bằng ảnh .webp vừa convert. Load lại trang và cảm nhận thì đúng là có vẻ nhanh hơn thật. Tuy dung lượng giảm không nhiều, nhưng với những trang web có hàng chục, hàng trăm bức ảnh thì tối ưu được chút nào hay chút ấy.
- Thay thế ảnh .jpg bằng .webp trên website.
- Kiểm tra tốc độ tải trang.
Vậy đó, qua lần thử nghiệm này, tôi thấy định dạng WebP quả là một lựa chọn đáng cân nhắc để tối ưu hình ảnh cho website. Dung lượng giảm đáng kể mà chất lượng ảnh thì không hề thay đổi. Từ giờ chắc tôi sẽ chuyển hết ảnh trên web sang WebP quá.
