Tukar PNG legap kepada WebP dan bandingkan hasilnya

PNG fotografi boleh diuji sebagai WebP untuk laman web. Ia mungkin imej kamera yang dieksport daripada alat reka bentuk, pemandangan bilik yang dirender atau grafik promosi yang telah diratakan. Buat eksport berasingan dan bandingkan dengan asal, bukannya terus memadam PNG. Saiz fail bergantung pada imej, jadi penjimatan berguna ialah yang benar-benar anda ukur.

Ketelusan memerlukan perhatian khas di sini. Walaupun format WebP boleh menyimpan alfa, alat ini pada masa ini merender output WebP pada latar putih. Oleh itu, input lutsinar kehilangan kawasan lutsinar itu dalam eksport. Kekalkan PNG untuk logo, potongan dan tindanan yang perlu diletakkan pada latar berlainan, dan gunakan penukaran ini untuk imej yang sesuai dengan hasil legap.

Pratetap mengekalkan dimensi dan bermula pada kualiti 90% dengan penajaman dimatikan. Cuba satu fail dengan teks kecil dan satu lagi dengan latar fotografi. Periksa sempadan nipis, tulisan berwarna dan kecerunan licin. Reka bentuk mungkin kelihatan baik sepintas lalu tetapi menunjukkan lingkaran berwarna di sisi label pada saiz paparan sebenar.

Jika PNG ialah tangkapan skrin antara muka, kebolehbacaan mungkin lebih penting daripada mengurangkan beberapa bait. Bandingkan eksport PNG atau kekalkan sumber apabila WebP melembutkan butiran penting. Untuk foto legap besar, uji Muat dalam pada had paparan sebenar sebelum menurunkan kualiti lagi. Kurangkan piksel yang tidak diperlukan terlebih dahulu jika laman web tidak pernah memaparkannya, tetapi kekalkan resolusi yang cukup untuk tempat penggunaan yang dimaksudkan.

Peluncur kualiti WebP mengawal pengekodan berkehilangan bagi eksport ini. Tetapan lebih tinggi tidak memulihkan butiran yang tiada dalam sumber, dan angka yang sama tidak menunjukkan hasil visual yang sama bagi format berlainan. Gunakannya untuk perbandingan: laraskan sedikit, periksa hasil dan simpan versi terkecil yang memenuhi keperluan kualiti anda.

PNG tidak menggunakan kawalan kualiti itu dengan cara yang sama, jadi menukar sambungan ialah keputusan aliran kerja sebenar. Jika PNG mengandungi label rajah kecil atau sempadan warna tepat, mengekalkan PNG mungkin keputusan betul walaupun failnya lebih besar. Penukar ini tidak mengurangkan palet warna PNG, menghasilkan tetapan WebP tanpa kehilangan atau menyunting objek dan lapisan dalam grafik yang telah diratakan.

Muat turun imej yang ditukar dan muat naik ke halaman ujian dalam sistem laman web sebenar anda. Pastikan pelayar menerima WebP, potongan paparan betul dan tiada tepi lutsinar yang tiba-tiba menjadi putih. Lihat imej pada latar halaman, terutamanya jika sumber direka untuk bahagian gelap. Penukaran perlu diperiksa dalam konteks, bukan hanya dalam pratonton fail.

Kemudian semak paparan mudah alih. Grafik pemasaran besar mungkin memerlukan susun atur lebih ringkas, bukan salinan yang lebih dimampatkan, apabila tulisannya tidak boleh dibaca pada telefon. Pemilihan imej responsif dan ruang dimensi yang ditempah masih tugas laman web berasingan. Setelah sampel memuaskan, proses fail sepadan bersama-sama. Data imej kekal dalam pelayar sepanjang penukaran ini dan PNG sumber tidak berubah.

Contohnya, uji tanda kata putih pada piksel lutsinar sebelum menukar mana-mana aset jenama. Output putih legap boleh menyembunyikan tanda itu sepenuhnya, sesuatu yang terlepas jika hanya membandingkan saiz fail.