Nền tảng nào hỗ trợ định dạng WebP?
Shopify có hỗ trợ WebP không? Etsy có chấp nhận AVIF không? Tài liệu tham khảo về những gì mỗi nền tảng chấp nhận và những gì chúng âm thầm mã hóa lại.
Các nền tảng thương mại hiện đại chấp nhận WebP và ngày càng nhiều nền tảng chấp nhận AVIF, trong khi quy trình in ấn và pháp lý không chấp nhận cả hai, còn các ứng dụng email thì nằm ở giữa một cách lấp lửng. JPEG và PNG vẫn là 2 định dạng duy nhất được chấp nhận ở mọi nơi mà không có bất kỳ cảnh báo nào.
Chấp nhận một định dạng và bảo toàn nó là hai việc khác nhau. Một số nền tảng nhận tệp WebP của bạn và âm thầm mã hóa lại thành JPEG ở chế độ nền, điều đó có nghĩa là bạn phải chịu rủi ro về khả năng tương thích mà không nhận được lợi ích về dung lượng. Biết được nền tảng nào làm điều này sẽ thay đổi những gì bạn nên tải lên.
Hỗ trợ định dạng theo nền tảng
Hãy kiểm tra cột cuối cùng trước khi chọn định dạng tải lên, bởi vì một nền tảng mã hóa lại mọi thứ sẽ khiến lựa chọn định dạng của bạn trở nên vô nghĩa. Khả năng hỗ trợ thay đổi theo thời gian, vì vậy hãy xác nhận lại với tài liệu hiện tại trước khi thực hiện một đợt di chuyển lớn.
| Nền tảng | WebP | AVIF | Mã hóa lại tệp tải lên |
|---|---|---|---|
| Shopify | Được chấp nhận | Một phần | Có, cung cấp các biến thể riêng |
| WordPress | Được chấp nhận | Một phần | Tự động tạo các kích thước thu nhỏ |
| Amazon | Không chấp nhận | Không chấp nhận | Có |
| Etsy | Không chấp nhận | Không chấp nhận | Có |
| eBay | Hỗn hợp | Không chấp nhận | Có |
| Mạng xã hội | Hỗn hợp | Hiếm khi | Có, luôn luôn |
| Ứng dụng email | Không ổn định | Không hỗ trợ | Không |
| Cổng thông tin chính phủ | Bị từ chối | Bị từ chối | Không |
| Dịch vụ in ấn | Bị từ chối | Bị từ chối | Không |
Mô hình trong bảng đó là nhất quán. Các hệ thống được xây dựng gần đây cho web chấp nhận các định dạng hiện đại, còn các hệ thống được xây dựng cho in ấn, tuân thủ pháp lý hoặc tương thích cũ thì không. Tuổi đời của hệ thống dự đoán khả năng hỗ trợ định dạng tốt hơn là quy mô của công ty vận hành nó.
Trình duyệt không còn là vấn đề nữa
Mọi trình duyệt hiện tại đều hỗ trợ WebP, bao gồm Chrome, Firefox, Safari và Edge trên máy tính để bàn và thiết bị di động. Safari đã thêm hỗ trợ vào năm 2020, chấm dứt cuộc tranh luận nghiêm túc cuối cùng về khả năng tương thích đối với định dạng này.
AVIF đi sau một bước, với sự hỗ trợ trong tất cả các trình duyệt lớn nhưng hoạt động kém nhất quán hơn trong các phiên bản cũ và một số trình xem nhúng. Đối với một trang web công cộng, WebP là an toàn mà không cần phương án dự phòng và AVIF là an toàn nếu có phương án dự phòng. Các vấn đề còn lại hoàn toàn nằm ngoài trình duyệt.
Tại sao các nền tảng mã hóa lại tệp tải lên của bạn
Các nền tảng mã hóa lại để kiểm soát chi phí truyền tải của chính họ và để cung cấp kích thước phù hợp cho từng thiết bị. Một sàn thương mại điện tử hiển thị một hình ảnh trong 6 bố cục khác nhau cần 6 biến thể, và việc tạo ra chúng từ một tệp tải lên sẽ đơn giản hơn là yêu cầu người bán cung cấp chúng.
Việc mã hóa lại có một hậu quả đáng để hiểu rõ. Tải lên một tệp được nén quá mức sẽ cung cấp cho nền tảng một nguồn bị giảm chất lượng để xử lý, và sự giảm chất lượng đó sẽ ảnh hưởng đến mọi biến thể. Khi một nền tảng thực hiện mã hóa lại, hãy tải lên tệp chất lượng cao với kích thước chính xác và để nền tảng tự xử lý việc nén, thay vì nén hai lần.
Nơi WebP thực sự giúp ích
WebP giúp ích nhiều nhất trên các trang web bạn kiểm soát, nơi tệp bạn tải lên chính là tệp khách truy cập tải xuống. Trang web của riêng bạn, một cửa hàng tự lưu trữ và một trang tài liệu đều thuộc danh mục đó.
- Trang web của riêng bạn. Lợi ích đầy đủ, vì không có gì mã hóa lại tệp.
- Cửa hàng tự lưu trữ. Lợi ích đầy đủ, và tốc độ trang ảnh hưởng trực tiếp đến tỷ lệ chuyển đổi.
- Hệ thống nội dung tạo ra các biến thể. Lợi ích một phần, vì nền tảng quyết định đầu ra.
- Sàn thương mại điện tử. Không có lợi ích, vì các tệp tải lên đều bị mã hóa lại bất kể bạn gửi gì.
- Mạng xã hội. Không có lợi ích, vì mọi mạng xã hội đều chuyển đổi sang định dạng riêng của nó.
Nơi WebP gây ra sự cố
Tránh sử dụng WebP ở bất kỳ nơi nào mà người dùng sẽ tải tệp xuống và mở tệp đó trong phần mềm bên ngoài trình duyệt. Các công cụ thiết kế, phần mềm văn phòng và quy trình in ấn vẫn xử lý định dạng này rất kém.
Lỗi phổ biến nhất là bộ tài liệu báo chí hoặc gói truyền thông. Một nhà báo tải xuống logo WebP có thể không chèn được vào phần mềm dàn trang của họ, và yêu cầu đó sẽ bị bỏ qua thay vì được phản hồi. Các biểu mẫu tải lên của chính phủ là lỗi phổ biến thứ hai, nơi hệ thống xác thực từ chối thẳng thừng định dạng này với một lỗi hiếm khi nêu rõ nguyên nhân.
Cách quyết định định dạng nào cần tải lên
Để lựa chọn chính xác, hãy trả lời 4 câu hỏi này theo thứ tự.
- Tệp có được tải xuống và mở bên ngoài trình duyệt không? Nếu có, hãy sử dụng JPG hoặc PNG.
- Nền tảng có mã hóa lại tệp tải lên không? Nếu có, hãy tải lên JPG hoặc PNG chất lượng cao và để nền tảng quyết định.
- Bạn có kiểm soát việc phân phối tệp không? Nếu có, hãy sử dụng WebP, với AVIF cho những hình ảnh nặng nhất của bạn.
- Hình ảnh có cần độ trong suốt không? Nếu có, hãy sử dụng PNG hoặc WebP, vì JPEG không có kênh trong suốt.
4 câu hỏi đó giải quyết hầu hết mọi trường hợp mà không cần đến bảng tương thích. Nguyên tắc cơ bản rất đơn giản: các định dạng hiện đại thuộc về nơi bạn kiểm soát quy trình, và các định dạng phổ biến thuộc về mọi nơi khác.
Phục vụ các định dạng hiện đại một cách an toàn trên trang web của riêng bạn
Sử dụng thẻ picture liệt kê AVIF trước, WebP thứ hai và một phương án dự phòng JPEG trong thẻ img. Trình duyệt sẽ lấy định dạng đầu tiên mà nó hiểu, vì vậy các trình duyệt mới hơn sẽ nhận được tệp nhỏ và các trình duyệt cũ hơn vẫn nhận được hình ảnh.
Mã nguồn này chỉ tốn vài dòng cho mỗi hình ảnh và loại bỏ hoàn toàn rủi ro tương thích. Hầu hết các hệ thống nội dung và trình tạo trang web hiện nay đều tự động tạo ra mô hình này khi tải lên, vì vậy hãy kiểm tra xem nền tảng của bạn đã làm gì trước khi tự viết bằng tay. Việc chuyển đổi hình ảnh chỉ mất vài phút, trong khi việc viết mã nguồn thường mất nhiều thời gian hơn.
Cách kiểm tra xem nền tảng thực sự chấp nhận những gì
Tải lên một tệp thử nghiệm và kiểm tra những gì nền tảng phản hồi lại, vì tài liệu hướng dẫn thường xuyên bị lỗi thời. Câu trả lời chỉ mất 2 phút và đáng tin cậy hơn bất kỳ danh sách nào được công bố.
Tải lên một hình ảnh WebP, xem trang đã xuất bản, nhấp chuột phải vào hình ảnh và mở hình ảnh đó trong một tab mới. Phần mở rộng tệp trong thanh địa chỉ sẽ hiển thị những gì nền tảng thực sự đang phục vụ. Phần mở rộng .jpg có nghĩa là tệp WebP của bạn đã bị chuyển đổi, trong khi phần mở rộng .webp có nghĩa là nó đã được bảo toàn. Hãy lặp lại thử nghiệm sau bất kỳ bản cập nhật nền tảng lớn nào.
Các định dạng đang âm thầm biến mất
BMP, TIFF và GIF động vẫn hoạt động ở hầu hết mọi nơi và là lựa chọn sai lầm trong hầu hết mọi trường hợp. Mỗi định dạng tồn tại là do phần mềm cũ tạo ra nó, chứ không phải vì nó làm tốt bất kỳ việc gì.
BMP lưu trữ hình ảnh hầu như không nén, vì vậy một ảnh chụp màn hình có thể nặng gấp 20 lần so với tệp PNG tương đương. TIFF vẫn là tiêu chuẩn trong in ấn và quét ảnh và không thể sử dụng được trên web. GIF động bị giới hạn ở 256 màu và thường nặng hơn một video ngắn của cùng một phân cảnh. Chuyển đổi 3 định dạng này ngay khi nhận được, thay vì lưu trữ chúng, sẽ tránh được việc mang theo dung lượng nặng trong suốt cả quy trình làm việc.
Lập kế hoạch di chuyển định dạng
Hãy chuyển đổi một bản sao của thư viện thay vì các tệp gốc, và giữ lại các tệp gốc cho đến khi các tệp mới hoạt động và được xác minh. Di chuyển định dạng là một trong số ít tác vụ hình ảnh có thể làm mất dữ liệu vĩnh viễn.
Thực hiện theo 4 giai đoạn. Kiểm tra xem những hình ảnh nào thực sự được sử dụng, vì hầu hết các thư viện đều chứa các tệp không có trang nào tham chiếu đến. Chuyển đổi một bản sao sang định dạng đích với kích thước chính xác. Xuất bản các tệp mới cùng với một phương án dự phòng để không có gì bị hỏng trong quá trình chuyển đổi. Chỉ xóa các tệp gốc sau khi các trang đã được kiểm tra trên điện thoại, trình duyệt máy tính để bàn và bất kỳ hệ thống khách nào sử dụng hình ảnh.
Còn về AVIF
AVIF nén mạnh hơn khoảng 20 đến 30 phần trăm so với WebP trên các bức ảnh lớn và mã hóa chậm hơn nhiều. Định dạng này xứng đáng với nỗ lực bỏ ra thêm trên các hình ảnh chính (hero images) và các trang chứa nhiều ảnh.
Dưới khoảng 10 KB, tệp WebP thường nhỏ hơn, vì AVIF mang nhiều dữ liệu vùng chứa (container overhead) hơn mức mà các hình ảnh nhỏ có thể bù đắp. Sử dụng AVIF cho các hình ảnh lớn nhất của bạn, WebP cho mọi nơi khác trên trang web và giữ một phương án dự phòng JPEG cho cả hai. Khả năng hỗ trợ nền tảng bên ngoài trình duyệt vẫn còn mỏng, vì vậy AVIF thuộc về các trang web bạn kiểm soát hơn là các tệp bạn giao cho người khác.
Chuyển đổi một thư viện cho một điểm đến cụ thể
Chuyển đổi một lần sang định dạng mà điểm đến thực sự sử dụng thay vì chuyển đổi lặp đi lặp lại giữa các định dạng. Mỗi lần chuyển đổi có hao hao (lossy) sẽ loại bỏ bớt chi tiết, vì vậy một tệp đã trải qua 3 định dạng sẽ mang theo 3 thế hệ hao hao chất lượng.
Quyết định điểm đến trước, sau đó chuyển đổi trực tiếp từ bản gốc. Các công cụ chuyển đổi của chúng tôi xử lý mọi cặp định dạng phổ biến, bao gồm HEIC, PNG, JPG, WebP, AVIF, GIF và BMP theo cả hai hướng, vì vậy không cần phải chuyển tệp qua một định dạng trung gian. Các loạt tệp lên đến 500 tệp được chạy cùng một lúc, hoàn toàn bên trong trình duyệt của bạn, điều đó có nghĩa là toàn bộ thư viện hình ảnh có thể được chuẩn bị cho việc di chuyển mà không có một tệp nào rời khỏi máy của bạn.