PNG ke WebP, File Lebih Ringan yang Menjaga Transparansi

Iya. Karena WebP memegang alpha channel penuh, tiap bidang jernih pada PNG Anda tetap jernih begitu ia menjadi WebP. Fakta tunggal itulah mengapa WebP mengalahkan JPG sebagai target kapan pun Anda mulai dari PNG transparan, sebab JPG tak punya alpha dan harus mengecat bidang jernih satu warna padat sementara WebP membiarkan potongan persis seperti yang ia temukan. Logo, ikon, foto produk, kepingan antarmuka yang bersandar pada latar tembus pandang, semuanya menyeberang utuh, tanpa meminta apa pun lebih dari Anda.

Demi file yang lebih ramping yang menjaga baik transparansi maupun rupanya. Menurut angka WebP Google, varian lossless berjalan kira-kira 26 persen di bawah PNG setara, dan varian lossy dengan alpha mendarat dekat sepertiga satu. Gambar yang lebih ramping tiba lebih cepat, yang membantu Largest Contentful Paint, sebuah ukuran Core Web Vitals yang ditimbang Google dalam peringkat. PageSpeed Insights bahkan menunjuk PNG sebagai peluang format generasi berikutnya di dalam audit gambarnya. Di atas itu, tiap browser besar, dari Chrome dan Firefox sampai Safari dan Edge, membaca WebP tanpa bantuan.

Dibagi dua sisi. Sisi yang terlihat: pada setelan hampir lossless yang dipakai Araluma, foto dan grafik tampak satu rupa dengan PNG sumber pada ukuran biasa, dan dalam pemakaian web sehari-hari beda itu tak muncul. Sisi yang tak terlihat: WebP pada setelan ini tergolong lossy secara teknis, sekeping presisi tingkat bit ditukar demi file lebih kecil, dan itu baru perlu dipikirkan saat kerjanya akurat sampai piksel atau arsip, di mana PNG disimpan dan WebP jadi salinan pengiriman. Satu hal lagi: konversi sama sekali tak menyentuh PNG sumber Anda, ia tetap apa adanya di perangkat.

Angka WebP resmi Google menaruh WebP lossless sekitar 26 persen di bawah PNG setara, dan WebP lossy dengan alpha dekat sepertiga ukuran yang sebanding. Rasio pastinya menumpang pada isi, dengan grafik yang punya bidang jernih lebar dan blok warna padat meraup paling banyak, sementara foto yang sibuk dan rinci melihat penurunan lebih kecil tetapi tetap berguna. Bagaimanapun WebP keluar lebih ringan dan transparansi bertahan.

Itu bergantung pada apakah Anda mengonversi satu gambar atau beberapa. Satu PNG dibangun ulang langsung di browser, jadi berkas itu tidak dikirim, dan Anda bisa memeriksanya dengan membuka DevTools dan menengok panel Jaringan di tengah konversi, di mana tidak ada permintaan gambar keluar yang muncul. Konversi beberapa sekaligus dan mereka naik ke server kami untuk ditangani bersama, lalu unduhan itu dibersihkan dalam sekitar 2 jam, dan Anda bisa mengangkatnya sendiri begitu menyimpan. Bagaimanapun, tidak ada bagian gambar Anda yang tinggal di luar menyusun unduhan Anda.

Bekerja, untuk segala maksud praktis. Pembacaan native tiba di mana-mana begitu Safari 14 dirilis pada 2020, bergabung dengan Chrome, Edge, dan Firefox, yang bersama-sama mencakup nyaris tiap browser yang sungguh dijalankan orang. Pengecualiannya adalah yang benar-benar tua dan sebagian webview tertanam, dan untuk audiens yang mungkin memuat itu, PNG tetap pilihan hati-hati. Siapa pun pada browser dari lima tahun terakhir memperoleh WebP tanpa kesulitan. Jika Anda ingin memastikan kasus tertentu, entri WebP di caniuse.com menggelar dukungannya.