Chuyển đổi một PNG thành WebP và so sánh kết quả

Một PNG ảnh có thể đáng để thử nghiệm như WebP cho một trang web. Nó có thể là một hình ảnh máy ảnh được xuất từ một công cụ thiết kế, một cảnh trong phòng được hiển thị hoặc một hình ảnh quảng cáo được làm phẳng. Thực hiện xuất riêng và so sánh với bản gốc thay vì xóa PNG ngay lập tức. Kích thước tệp phụ thuộc vào hình ảnh, vì vậy việc tiết kiệm hữu ích là cách bạn thực sự đo lường.

Tính minh bạch cần được chăm sóc đặc biệt ở đây. Mặc dù định dạng WebP có thể lưu trữ Alpha, công cụ này hiện đang hiển thị đầu ra WebP trên nền trắng. Do đó, đầu vào minh bạch sẽ mất đi diện tích trong suốt đó trong quá trình xuất. Giữ PNG cho logo, hình cắt và lớp phủ cần đặt trên các nền khác nhau và sử dụng chuyển đổi này cho hình ảnh mà kết quả không rõ ràng là phù hợp.

Cài đặt trước giữ kích thước và bắt đầu ở chất lượng 90% với độ sắc nét. Hãy thử một tệp với văn bản nhỏ và tệp khác có nền ảnh. Kiểm tra các đường viền mỏng, chữ màu và gradient mịn. Một thiết kế có thể nhìn thoáng qua trong khi hiển thị các quầng sáng màu bên cạnh nhãn khi được hiển thị ở kích thước dự kiến.

Nếu PNG là ảnh chụp màn hình của giao diện, khả năng đọc có thể quan trọng hơn việc loại bỏ một vài byte. So sánh A Xuất khẩu PNG Hoặc giữ nguồn khi WebP làm mềm các chi tiết quan trọng. Đối với một bức ảnh mờ lớn, hãy kiểm tra phù hợp với giới hạn hiển thị thực tế trước khi giảm chất lượng hơn nữa. Giảm các pixel không cần thiết trước tiên khi trang web không bao giờ hiển thị chúng, nhưng vẫn giữ đủ độ phân giải cho vị trí dự kiến.

Thanh trượt chất lượng WebP kiểm soát mã hóa mất dữ liệu xuất khẩu này. Cài đặt cao hơn không khôi phục chi tiết bị thiếu trong nguồn và cùng một số không ngụ ý cùng một kết quả trực quan trên các định dạng khác nhau. Sử dụng nó như một công cụ so sánh: Điều chỉnh một chút, kiểm tra kết quả và giữ phiên bản nhỏ nhất đáp ứng nhu cầu chất lượng của riêng bạn.

PNG không sử dụng kiểm soát chất lượng đó theo cách tương tự, vì vậy thay đổi tiện ích mở rộng là một lựa chọn quy trình làm việc thực sự. Nếu PNG của bạn bao gồm các nhãn sơ đồ nhỏ hoặc ranh giới màu chính xác, thì việc giữ PNG có thể là quyết định đúng đắn ngay cả khi tệp của nó lớn hơn. Bộ chuyển đổi này không làm giảm bảng màu PNG, tạo cài đặt WebP không mất hoặc chỉnh sửa các đối tượng và lớp bên trong đồ họa phẳng.

Tải xuống hình ảnh đã chuyển đổi và tải nó lên trang thử nghiệm trong hệ thống trang web thực tế của bạn. Xác nhận trình duyệt nhận WebP, crop hiển thị là chính xác và không có cạnh trong suốt nào bất ngờ trở thành màu trắng. Xem nó trên nền trang, đặc biệt nếu nguồn được thiết kế cho phần tối. Chuyển đổi nên được kiểm tra trong ngữ cảnh, không chỉ trong bản xem trước tệp.

Sau đó xem lại màn hình di động. Một đồ họa tiếp thị lớn có thể cần một bố cục đơn giản hơn thay vì một bản sao nén hơn khi chữ của nó trở nên không thể đọc được trên điện thoại. Lựa chọn hình ảnh đáp ứng và kích thước dành riêng vẫn là các nhiệm vụ trang web riêng biệt. Sau khi mẫu là âm thanh, hãy xử lý các tệp khớp với nhau. Dữ liệu hình ảnh của bạn vẫn ở trong trình duyệt trong quá trình chuyển đổi này và PNG nguồn vẫn không thay đổi.

Ví dụ: kiểm tra một chữ trắng trên các pixel trong suốt trước khi chuyển đổi bất kỳ nội dung thương hiệu nào. Một đầu ra mờ đục màu trắng có thể che dấu hoàn toàn, điều mà một mình so sánh kích thước tệp sẽ bỏ lỡ.