Memilih PNG alih-alih JPG sebagai tujuan
PNG dan JPG sama-sama bisa dibuka di mana saja, jadi pertanyaannya adalah mana yang cocok untuk gambar tersebut. PNG adalah tujuan yang tepat ketika:
- Gambar punya transparansi. Stiker, logo, ikon, dan foto produk potongan yang disimpan dari situs web sering berupa WebP dengan kanal alfa. PNG mempertahankannya; JPG akan mengisinya dengan warna solid.
- Gambar berisi teks, garis, atau warna datar. Tangkapan layar, diagram, grafik, dan grafis UI tetap tajam di PNG. JPG menambahkan derau samar di sekitar setiap tepi tajam.
- Anda akan mengeditnya. PNG bersifat lossless, jadi membuka, mengubah, dan menyimpannya berapa kali pun tidak pernah menambah kerusakan kompresi baru. Itu menjadikannya salinan kerja yang masuk akal untuk alat desain dan presentasi.
Untuk foto biasa yang hanya ingin Anda lihat atau kirim, Konversi WebP ke JPG memberi file jauh lebih kecil tanpa perbedaan yang terlihat.
Arti lossless untuk gambar yang sudah terkompresi
Browser mendekode WebP, dan piksel hasil dekode ditulis ke PNG tanpa kehilangan kompresi tambahan. Itulah sebabnya tidak ada slider kualitas. Untuk area yang buram (tidak transparan), hasilnya persis; piksel semi-transparan bisa bergeser satu langkah pembulatan kecil karena canvas menyimpan warna yang sudah dikalikan dengan alfa (premultiplied), yang dalam praktiknya tidak terlihat.
Perlu jelas juga apa yang tidak dilakukannya. Sebagian besar gambar WebP di situs web bersifat lossy, dikompres sekali saat situs membuatnya. PNG mempertahankan kondisi itu dengan tepat, termasuk kelembekan atau kotak-kotak samar yang sudah ada di WebP, tetapi tidak bisa mengembalikan detail yang sudah dibuang. Jika WebP-nya lossless sejak awal, PNG adalah salinan sempurna dari aslinya.
Kenapa PNG jauh lebih besar
Bersiaplah untuk lonjakan ukuran yang besar. Foto WebP lossy 90 KB berukuran 1200×800 px bisa menjadi 1 sampai 1,5 MB sebagai PNG, sepuluh kali lipat atau lebih. WebP lossy menekan ukuran dengan membuang detail dan menyimpan warna dalam resolusi yang dikurangi; PNG harus mendeskripsikan masing-masing dari 960.000 piksel secara tepat, memakai kompresi yang hanya bekerja baik ketika warna berulang.
Untuk grafis datar, perbedaannya jauh lebih kecil, sering di bawah dua kali lipat, karena area besar berwarna tunggal juga terkompres baik di PNG.
Jika ukurannya menjadi masalah:
- Jalankan hasilnya lewat Kompres PNG, yang mengurangi palet warna dan sering memangkas file 50 sampai 70 persen dengan perubahan yang nyaris tak terlihat untuk grafis.
- Untuk foto, pertimbangkan ulang formatnya: jika transparansi tidak diperlukan, JPG lebih cocok.
- Perkecil dulu jika gambar lebih besar dari tempat ia akan ditampilkan.
Detail konversi
Gambar didekode dan di-encode ulang oleh browser Anda memakai Canvas API, di background worker jika didukung, dan tidak pernah diunggah. Dimensi piksel tetap sama, dan transparansi parsial, seperti bayangan lembut dan tepi anti-aliasing, ikut dibawa. Metadata EXIF atau XMP yang mungkin ada di WebP tidak disalin.
File WebP animasi menghasilkan PNG dari frame pertama saja. File hingga 50 MB per file diterima, dan satu batch bisa diunduh sebagai satu ZIP, dengan setiap file mempertahankan nama aslinya dan ekstensi .png.