Ubah PNG buram menjadi WebP dan bandingkan hasilnya

PNG fotografi layak untuk diuji sebagai WebP untuk situs web. Ini mungkin berupa gambar kamera yang diekspor dari alat desain, adegan ruangan yang dirender, atau grafik promosi yang diratakan. Lakukan ekspor terpisah dan bandingkan dengan yang asli daripada langsung menghapus PNG. Ukuran file bergantung pada gambar, jadi penyimpanan yang berguna adalah yang sebenarnya Anda ukur.

Transparansi memerlukan perhatian khusus di sini. Meskipun format WebP dapat menyimpan alfa, alat ini saat ini menampilkan keluaran WebP dengan latar belakang putih. Oleh karena itu, input yang transparan akan kehilangan area transparan dalam ekspor. Pertahankan PNG untuk logo, potongan, dan overlay yang perlu ditempatkan pada latar belakang berbeda, dan gunakan konversi ini untuk gambar yang memerlukan hasil buram.

Prasetel mempertahankan dimensi dan dimulai pada kualitas 90% dengan penajaman. Cobalah satu file dengan teks kecil dan file lainnya dengan latar belakang fotografi. Periksa batas tipis, huruf berwarna, dan gradien halus. Sebuah desain sekilas terlihat bagus sambil memperlihatkan lingkaran cahaya berwarna di samping label saat ditampilkan pada ukuran yang diinginkan.

Jika PNG adalah tangkapan layar suatu antarmuka, keterbacaan mungkin lebih penting daripada mengurangi beberapa byte. Bandingkan ekspor PNG atau simpan sumbernya saat WebP memperhalus detail penting. Untuk foto buram berukuran besar, uji Fit di dalam batas tampilan sebenarnya sebelum menurunkan kualitas lebih lanjut. Kurangi piksel yang tidak perlu terlebih dahulu ketika situs web tidak pernah menampilkannya, namun pertahankan resolusi yang cukup untuk penempatan yang diinginkan.

Penggeser kualitas WebP mengontrol pengkodean lossy ekspor ini. Pengaturan yang lebih tinggi tidak mengembalikan detail yang hilang dalam sumbernya, dan angka yang sama tidak berarti hasil visual yang sama dalam format berbeda. Gunakan ini sebagai alat perbandingan: sesuaikan sedikit, periksa hasilnya, dan pertahankan versi terkecil yang memenuhi kebutuhan kualitas Anda.

PNG tidak menggunakan kontrol kualitas tersebut dengan cara yang sama, jadi mengubah ekstensi adalah pilihan alur kerja yang nyata. Jika PNG Anda menyertakan label diagram kecil atau batas warna yang tepat, mempertahankan PNG mungkin merupakan keputusan yang tepat meskipun filenya lebih besar. Konverter ini tidak mengurangi palet warna PNG, menghasilkan pengaturan WebP lossless atau mengedit objek dan lapisan di dalam grafik yang diratakan.

Unduh gambar yang dikonversi dan unggah ke halaman pengujian di sistem situs web Anda yang sebenarnya. Konfirmasikan bahwa browser menerima WebP, potongan yang ditampilkan sudah benar dan tidak ada tepi transparan yang tiba-tiba menjadi putih. Lihat dengan latar belakang halaman, terutama jika sumber dirancang untuk bagian yang gelap. Konversi harus diperiksa dalam konteks, tidak hanya dalam pratinjau file.

Kemudian tinjau tampilan ponsel. Grafik pemasaran yang besar mungkin memerlukan tata letak yang lebih sederhana daripada salinan yang lebih terkompresi jika hurufnya tidak dapat dibaca di telepon. Pemilihan gambar responsif dan dimensi yang dipesan tetap menjadi tugas situs web yang terpisah. Setelah sampel berbunyi, proses pencocokan file bersama-sama. Data gambar Anda tetap berada di browser selama konversi ini dan sumber PNG tetap tidak berubah.

Misalnya, uji tanda kata putih pada piksel transparan sebelum mengonversi aset merek apa pun. Keluaran berwarna putih buram dapat menyembunyikan tanda sepenuhnya, sehingga perbandingan ukuran file saja tidak akan dapat mendeteksinya.