PNG vs WebP vs AVIF cho các phần cắt ra

By Technical specialist

Khi mọi người hỏi định dạng nào là “tốt nhất cho các bản cắt ra”, họ thường kết hợp ba công việc riêng biệt:

mở ảnh nguồn
duy trì độ trong suốt sau khi xóa nền
cung cấp một tập tin mà đồng đội và điểm đến hiểu được

PNG, WebP và AVIF đều có thể xuất hiện trong tác phẩm hình ảnh hiện đại. Chúng không thể thay thế cho nhau cho mỗi bước.

Tiêu chí quan trọng đối với việc cắt bỏ

Tiêu chí	Tại sao việc cắt bỏ lại quan trọng
Minh bạch / alpha	Cần thiết nếu chủ thể phải nổi trên nền khác
Hỗ trợ rộng rãi	Giảm ma sát “tập tin không mở”
Kích thước tệp	Các vấn đề về phân phối trên web và danh mục lớn
Chỉnh sửa quen thuộc	Giúp các nhóm bàn giao tài sản mà không nhầm lẫn
Phù hợp với quy trình làm việc	Hỗ trợ đầu vào và xuất ưu tiên có thể khác nhau

PNG

Điểm mạnh

Được hiểu rộng rãi về tài sản minh bạch
Chuyển giao đáng tin cậy cho các slide, danh sách, nhãn dán và bản thiết kế
Mô hình tinh thần rõ ràng: cắt bỏ → PNG trong suốt

Sự đánh đổi

Thường lớn hơn các định dạng ảnh hiện đại với chất lượng hình ảnh tương tự
Không phải lúc nào cũng là định dạng phân phối hiệu quả nhất cho mọi quy trình trang web

Đối với Easy Background Remover, PNG là câu trả lời xuất khẩu thiết thực khi bạn cần sự minh bạch thực sự.

##WebP

Điểm mạnh

Phổ biến trên web
Có thể hỗ trợ tính minh bạch như một họ định dạng
Thường nhỏ hơn PNG đối với nhiều nội dung

Sự đánh đổi

Hỗ trợ và sự quen thuộc của nhóm khác nhau tùy theo điểm đến
Không phải mọi đối tác chuyển giao đều mong đợi WebP là bản chính cắt bỏ mặc định

Hữu ích như một đầu vào khi bạn lưu hình ảnh từ web. Đối với quy trình cắt bỏ của sản phẩm này, PNG vẫn là mặc định xuất rõ ràng hơn.

AVIF

Điểm mạnh

Hiệu suất nén hiện đại
Ngày càng phổ biến như một hình thức phân phối

Sự đánh đổi

Mức độ quen thuộc của nhóm/công cụ rộng hơn vẫn tụt hậu so với PNG trong nhiều quy trình công việc
Được xử lý tốt nhất dưới dạng định dạng nguồn có thể, không phải là định dạng chính trong suốt mặc định cho mọi người dùng

Nếu bản gốc xuất hiện dưới dạng AVIF, việc mở nó làm đầu vào có thể giúp giảm bớt khó khăn khi chuyển đổi. Xuất phần cắt trong suốt dưới dạng PNG giúp kết quả dễ dàng sử dụng lại.

Bảng tiêu chí (xem nhanh)

Cần	Nghiêng về phía
Bậc thầy trong suốt để tái sử dụng	PNG
Nguồn hình ảnh từ một trang web	WebP hoặc AVIF có thể xuất hiện dưới dạng đầu vào
Sự quen thuộc tối đa giữa các đồng đội	PNG
Tối ưu hóa giao hàng sau	Chuyển đổi từ một bản gốc sạch nếu đường dẫn của bạn yêu cầu
“Ảnh điện thoại của tôi có hoạt động không?”	Mở đầu vào được hỗ trợ, xuất phần cắt PNG

Quy tắc làm việc thực tế

Tách biệt đầu vào và đầu ra:

Đầu vào: sử dụng bất cứ nguồn hỗ trợ nào bạn có
Đầu ra cho các phần cắt trong suốt: ưu tiên PNG trừ khi một đích cụ thể yêu cầu khác

Quy tắc đó ngăn chặn một cái bẫy phổ biến: tranh luận về các định dạng hiện đại trong khi vô tình làm mất tính minh bạch hoặc gây nhầm lẫn cho cộng tác viên.

Khi áp lực kích thước là có thật

Nếu khối lượng danh mục lớn và kích thước phân phối quan trọng, hãy giữ hai lớp:

một bản gốc trong suốt sạch sẽ (thường là PNG)
các phiên bản phân phối được tối ưu hóa xuôi dòng nếu đường dẫn trang web của bạn cần chúng

Đừng tối ưu hóa bản gốc trước. Việc phục hồi sau một đợt xuất khẩu kém sẽ tốn kém hơn so với việc lưu trữ một tài sản có nguồn gốc rõ ràng.

##Những lỗi thường gặp

Sai lầm 1: Chỉ chọn định dạng vì nó mới hơn

Mới hơn không tự động rõ ràng hơn cho việc chuyển giao phần cắt bỏ.

Sai lầm 2: cho rằng mọi định dạng đều duy trì tính minh bạch theo cách giống nhau trong mọi công cụ

Luôn xác minh đích đến chấp nhận alpha.

Sai lầm 3: tối ưu hóa việc phân phối trước khi khóa chất lượng cắt ra

Sửa các cạnh và độ trong suốt trước, sau đó tối ưu hóa.

Sai lầm 4: coi đầu vào và xuất khẩu là một quyết định

Chúng có liên quan, không giống nhau.

Để biết các kỳ vọng về định dạng mở trong sản phẩm này, hãy xem Các định dạng hình ảnh được hỗ trợ. Để biết khái niệm về độ trong suốt, hãy xem PNG trong suốt là gì?.