Ghi chú từ đội ngũ về tay nghề, định dạng và những quyết định nhỏ đằng sau một bản cắt tròn tốt.
Cách WebP đạt kích thước nhỏ hơn PNG
Hai cỗ máy nén nằm bên trong WebP và chúng làm việc theo lối khác hẳn nhau. Cái đầu, loại giữ trọn từng bit, ghép phép đoán theo vùng và theo màu với một tầng mã entropy nhỉnh hơn DEFLATE cũ kỹ của PNG, và trên ảnh đời thường nó vắt thêm chừng 26 phần trăm độ gọn theo những gì Google đã đo. Cái thứ hai, loại buông bớt, vay một mẹo chia khối từ làng video để hắt đi những mẩu chi tiết mắt thường lướt qua mà chẳng hề hay biết, đồng thời ôm chặt phần mắt thật sự bắt được. Hễ một bức mang theo alpha, WebP cho dữ liệu alpha ấy một làn riêng nén không rơi rụng gì, còn khối RGB thì để cho lối buông bớt xử, và đó là vì sao một WebP buông bớt mà vẫn trong suốt có thể tụt về quanh một phần ba một PNG cùng đẳng cấp nhìn. Cái DEFLATE của PNG chỉ thạo một bài giữ trọn, nên nó vĩnh viễn đứng ngoài món hời tri giác kia. Đúng cái rẽ đôi trong kết cấu ấy đã vẽ nên cả khoảng cách.
Kênh alpha một cách chi tiết
Cả hai phía, PNG lẫn WebP, đều ghi nổi một con số mờ tỏ cho từng chấm ảnh, trải từ số không nghĩa là tan biến hẳn cho tới hai trăm năm mươi lăm nghĩa là kín đặc. Lúc cỗ máy ảnh của nền tảng nặn lại một PNG thành WebP, nó dò qua bốn kênh RGBA của mỗi chấm rồi luồn riêng con số mờ tỏ vào lò nén của WebP, nơi con số đó được ôm trọn chẳng hao mòn, bất kể ba kênh màu kia bị xử ra sao. Thành thử một chấm tan biến hẳn ở số không, một chấm nửa vời nằm đâu đó giữa một và hai trăm năm tư, cùng một chấm kín đặc ở hai trăm năm mươi lăm, mỗi cái rơi đúng vào trạng thái cũ khi sang WebP. Trên một logo có bóng đổ mềm hay con chữ mài cạnh trên nền tan biến, cái rìa mượt mà tinh tế ấy lướt sang trọn vẹn. JPG đành chịu thua trò này, bởi khuôn chứa của nó chẳng dành ô nào cho con số mờ tỏ và buộc phải dán bức ảnh lên một nền màu trước khi ghi ra bất cứ thứ gì.
Core Web Vitals và việc chọn định dạng ảnh
Largest Contentful Paint bấm giờ phần tử nhìn thấy lớn nhất trên một trang mất bao lâu để hiện ra trong khung nhìn, và trên hầu hết trang nội dung phần tử đó là ảnh hero. Google gấp LCP vào tín hiệu xếp hạng Core Web Vitals của nó, và PNG là kẻ tái phạm trên LCP thuần vì cân nặng, nơi một PNG ảnh chụp ở 4K có thể chạy vài megabyte trong khi cùng bức ảnh dưới dạng WebP gần như không mất chỉ là một phần nhỏ. PageSpeed Insights nêu chuyện này thẳng dưới mục định dạng thế hệ mới và chỉ vào PNG như định dạng cần đổi đi. Biến những PNG ngồi trên đường render tới hạn của một trang thành WebP là một trong những nước đơn lẻ đáng giá nhất cho tốc độ đo được. Dòng thời gian giữ nó an toàn, với WebP trong Chrome từ 2011, Firefox từ 2019, Safari từ 2020, và Edge kể từ bản dựng lại Chromium.
Kết quả có mất dữ liệu và mức gần như không mất
Trong tay người dùng WebP có một con xoay chất lượng trải từ con số không lên tới một trăm, vặn càng cao thì càng nhiều chi tiết được ôm lại mà cái giá phải trả là thêm byte. Araluma hàn chặt con xoay ấy tại một mức nhỉnh dưới ngưỡng giữ trọn, chọn lựa sao cho cân được độ thật với cân nặng băng qua mấy nhóm nội dung web quen mặt gồm ảnh chụp, hình vẽ giao diện và biểu tượng. Đứng ở mức này, thứ hiện ra đọc lên chẳng tài nào tách bạch khỏi cái PNG cội nguồn khi ngồi cách màn hình một quãng bình thường. Nói cho thật ngặt, có một nhúm li ti độ tinh tuột mất so với một lượt mã hóa giữ trọn đích thực, thành ra nếu đem soi từng byte một giữa bức WebP đã giải nén với bức PNG ban sơ thì sẽ lòi ra những khe số tí hon, mà thảy đều nằm khuất dưới cái ngưỡng mắt người bắt được trên chất liệu ảnh chụp. Còn với phim chụp y khoa, ảnh từ vệ tinh, hay việc gìn giữ số má cất kho mà sự giữ trọn là một luật sắt, nước cờ đúng là ôm khư khư cái PNG và chỉ phó cho WebP cái thân phận bản đẩy ra ngoài chứ không phải một bản đang còn cặm cụi sửa.
Hành xử với siêu dữ liệu
Biến một PNG thành WebP quét sạch các trường EXIF, IPTC và XMP khỏi kết quả, điều mà từng cái trong ba bộ máy trình duyệt lớn đều làm. Hồ sơ màu là nơi các bộ máy rẽ đôi. Chrome và Safari giữ thẻ sRGB cưỡi trên WebP, còn Firefox dọn cả mớ, hồ sơ ICC và tất tật. Vậy nên WebP ấy đọc lên là an toàn sRGB ở khắp nơi, thế nhưng một thẻ gam rộng nằm trên PNG nguồn, Display-P3, Adobe RGB, ProPhoto RGB, không trụ qua nổi Firefox. Cái khe đó cắn trong công việc chuyên nghiệp khắt khe về màu, nên khi độ trung thực màu thật sự phải đi cùng, chọn một bộ chuyển viết dữ liệu ICC một cách có chủ ý, hoặc ấn thẻ hồ sơ trở lại về sau bằng một trình biên tập siêu dữ liệu dựng riêng cho việc đó.
Khi nào giữ PNG và khi nào WebP là đủ
Lời gọi này nhanh thôi. Nếu bức ảnh rốt cuộc nhắm tới một trang web hay một web app và người xem là bất kỳ trình duyệt nào từ 2020 trở đi, WebP là bản xuất đúng. Nếu nó phải mở bên trong một app thiết kế như Figma, Sketch, hay Affinity Designer, soát sự hỗ trợ WebP trong đúng phiên bản bạn dùng trước, vì nó đổi thay. Nếu nó hướng vào in, tựa vào PNG hoặc TIFF, vì hầu hết RIP in làm ngơ WebP. Nếu nó ra qua email, PNG là cược an toàn hơn, xét xem các trình email thất thường thế nào với định dạng hiện đại. Và nếu nó là một tệp làm việc bạn sẽ sửa rồi lưu lại hết lần này tới lần khác, giữ PNG làm bản gốc. WebP ở chất lượng gần như không mất là một định dạng giao tuyệt hảo, còn PNG vẫn là cái tốt hơn để lưu trữ và biên tập. Dây chuyền sạch sẽ nắm PNG làm bản gốc và chuyển WebP ra web.
