Khác biệt đo được
Google, đơn vị phát triển định dạng này, công bố các con số: ảnh WebP không mất dữ liệu nhỏ hơn PNG 26%, còn ảnh WebP có mất dữ liệu nhỏ hơn 25 đến 34% so với file JPEG tương đương ở cùng mức chất lượng. Đó là số trung bình trên một tập thử nghiệm, không phải lời hứa về file cụ thể của bạn, nhưng chúng đặt kỳ vọng đúng chỗ.
So sánh cạnh nhau
| Thuộc tính | PNG | WebP |
|---|---|---|
| Chế độ nén | Chỉ không mất dữ liệu | Không mất dữ liệu và có mất dữ liệu |
| Dung lượng không mất dữ liệu điển hình | Mức chuẩn | Nhỏ hơn khoảng 26% |
| Độ trong suốt | Có | Có, ở cả hai chế độ |
| Chi phí của độ trong suốt | Đã bao gồm | Khoảng 22% byte tăng thêm ở chế độ không mất dữ liệu |
| Hoạt ảnh | APNG, hỗ trợ chắp vá | Có, được hỗ trợ rộng rãi |
| Mở được trong trình duyệt hiện nay | Mọi nơi | Mọi nơi |
| Mở được trong phần mềm cũ | Mọi nơi | Đôi khi không |
Các con số về dung lượng và độ trong suốt lấy từ tài liệu WebP của Google, nơi cũng nêu rằng WebP có mất dữ liệu kèm độ trong suốt thường nhỏ hơn ba lần so với file PNG tương đương.
Nơi WebP thắng thế
- Ảnh trên trang bạn sở hữu Mọi trình duyệt hiện nay đều hiển thị WebP. Giảm một phần tư dung lượng ảnh là mức tăng tốc thật sự trên kết nối di động.
- Đồ họa trong suốt có nội dung ảnh chụp Một logo đặt trên nền ảnh chụp là chỗ WebP có mất dữ liệu kèm alpha bỏ xa PNG nhất.
- Ảnh chụp màn hình lớn và ảnh chụp giao diện Màu phẳng và chữ sắc nét nén tốt trong WebP không mất dữ liệu, nên bạn giữ nguyên pixel mà bỏ được phần cồng kềnh.
- Bất cứ nơi nào băng thông là giới hạn Bản tin email, trang tài liệu và danh mục nhiều hình ảnh.
Nơi PNG vẫn đúng
Hãy giữ file PNG làm bản gốc. Chuyển đổi một bản giao đi. Chỉ một quy tắc đó đã bao trùm phần lớn các trường hợp bên dưới.
- File bạn sẽ chỉnh sửa lại Đi vòng qua một định dạng có mất dữ liệu làm ảnh xuống cấp một chút mỗi lần. Một bản gốc không mất dữ liệu loại bỏ hẳn câu hỏi đó.
- Quy trình in ấn và thiết kế Nhiều phần mềm dàn trang và chế bản vẫn chờ PNG hoặc TIFF. Đưa cho nhà in một file WebP là mời về một email bạn không muốn nhận.
- Bất cứ thứ gì hệ thống cũ phải mở Công cụ nội bộ đời cũ, trình xem tài liệu cũ và một số biểu mẫu tải lên từ chối thẳng WebP.
- File bạn gửi cho người khác Một đồng nghiệp dùng máy đời cũ có thể không nhấp đúp mở được nó. Đó chính là lý do người ta dùng trình chuyển WebP sang PNG.
WebP không mất dữ liệu hay có mất dữ liệu
WebP là hai định dạng khoác chung một phần mở rộng file. Chế độ không mất dữ liệu giữ nguyên chính xác mọi pixel. Chế độ có mất dữ liệu bỏ đi chi tiết mà bộ mã hóa cho rằng bạn sẽ không nhận ra, và file nhỏ đi rất nhiều.
Hãy chọn không mất dữ liệu cho logo, sơ đồ, ảnh chụp màn hình và mọi thứ có cạnh sắc hoặc chữ. Chọn có mất dữ liệu cho ảnh chụp và cho phần nền mà không ai phóng to. Chữ ở chế độ có mất dữ liệu sẽ bị quầng mờ quanh nét chữ, và đó là lỗi hình mà người ta nhận ra đầu tiên.
Trình chuyển đổi của Vaultaire có cả hai. Ở chế độ không mất dữ liệu, nó đọc lại file mới và chặn việc tải xuống trừ khi đầu ra thật sự là ảnh VP8L không mất dữ liệu có pixel khớp nhau. Các giá trị alpha phải khớp chính xác, với dung sai tối đa là 2 trên mỗi kênh 8-bit đã nhân trước cho màu trong suốt một phần, vì bộ mã hóa gốc của trình duyệt làm tròn các giá trị đó.
Việc chuyển đổi làm gì với metadata
Chuyển đổi cũng là một cách bỏ đi những gì đính kèm trong file. Trình chuyển đổi không sao chép các bản ghi EXIF, ICC, văn bản, thời gian hay C2PA của file nguồn sang file WebP mới, rồi quét file đã hoàn tất bằng một bộ phân tích độc lập và giữ khóa nút tải xuống nếu tìm thấy bất kỳ bản ghi nào.
Điều đó quan trọng khi file PNG đến từ ảnh chụp màn hình điện thoại, bản xuất từ máy ảnh hay một trình tạo ảnh. Nếu bạn muốn xem có gì đính kèm trước khi quyết định, trình xem metadata sẽ liệt kê ra. Mọi thứ chạy trong worker của trình duyệt, và file không bao giờ bị tải lên.
Giới hạn thực tế của trình chuyển đổi: một ảnh PNG tĩnh, tối đa 20 MB, 4,096 pixel mỗi cạnh và 16,000,000 pixel tổng cộng. PNG động bị từ chối trước khi giải mã chứ không bị lặng lẽ xuất ra thành khung hình đầu tiên.
Câu hỏi thường gặp về PNG và WebP
WebP có tốt hơn PNG không?
Với ảnh hiển thị trên web thì thường là có. Google đo được WebP không mất dữ liệu nhỏ hơn PNG 26%. PNG vẫn tốt hơn khi một công cụ, một nhà in hay một đồng nghiệp cần định dạng mà mọi thứ đã hỗ trợ suốt nhiều thập kỷ.
WebP có hỗ trợ độ trong suốt không?
Có, ở cả hai chế độ. Google đặt kênh alpha trong WebP không mất dữ liệu ở mức khoảng 22% byte tăng thêm, và nói rằng WebP có mất dữ liệu kèm độ trong suốt thường nhỏ hơn ba lần so với file PNG tương đương.
Chuyển PNG sang WebP có làm mất chất lượng không?
Không, ở chế độ không mất dữ liệu, vốn giữ nguyên mọi pixel. Chế độ có mất dữ liệu thay đổi pixel một cách có chủ ý. Trình chuyển đổi đọc lại file đã hoàn tất và chặn việc tải xuống trừ khi một lần chuyển đổi không mất dữ liệu tạo ra ảnh VP8L không mất dữ liệu thật sự.
Khi nào tôi nên giữ PNG?
Cho bản gốc bạn sẽ chỉnh sửa lại, cho phần mềm in ấn và thiết kế có yêu cầu định dạng đó, cho bất cứ thứ gì hệ thống cũ phải mở được, và cho ảnh chụp màn hình lưu trữ. Hãy chuyển đổi một bản giao đi thay vì thay thế bản gốc.
WebP có hại cho SEO không?
Không. Ảnh nhỏ hơn tải nhanh hơn và tốc độ trang góp phần vào xếp hạng. Hãy phục vụ định dạng mà trình duyệt của khách chấp nhận và giữ nguyên văn bản alt cùng cách đặt tên file của bạn.
Sau này tôi có chuyển lại sang PNG được không?
Có, và việc mã hóa PNG là không mất dữ liệu tính từ các pixel đã dựng. Nó không thể hoàn tác một lượt mất dữ liệu trước đó, nên một file WebP có mất dữ liệu chuyển ngược sang PNG là một file lớn chứa những pixel vốn đã xuống cấp.