Memuatkan fail anda…

Tukar PNG ke WebP

Tukar PNG ke WebP dengan ketelusan dikekalkan dan saiz fail lebih kecil.

atau lepaskan gambar di sini

Cara menukar PNG ke WebP

Cara menukar PNG ke WebP

Lepaskan satu PNG ke zon muat naik, atau klik untuk memilih fail daripada peranti anda. Penukaran bermula sebaik sahaja fail mendarat, tanpa butang Tukar untuk ditekan. Hasilnya muncul dalam masa kurang sesaat bagi imej biasa. Apabila siap, butang Muat Turun menyimpan WebP menggunakan nama fail asal dengan sambungan ditukar. Menukar satu imej berjalan dalam pelayar anda, manakala beberapa sekaligus dihantar ke pelayan kami. Laluan kod yang sama berfungsi pada pelayar desktop dan mudah alih tanpa pemasangan apl. Untuk menukar imej lain, lepaskan PNG seterusnya. PNG beranimasi diproses sebagai satu bingkai pegun daripada imej pertama dalam jujukan.

Piksel lutsinar lalu terus ke WebP

Piksel lutsinar lalu terus ke WebP

WebP menyokong saluran alfa 8 bit penuh, bermakna setiap piksel lutsinar dalam PNG anda kekal lutsinar yang sama dalam output WebP. Tiada apa diisi dengan putih, tiada lingkaran cahaya muncul di sekeliling potongan, dan tiada sentuhan akhir editor diperlukan selepasnya. Inilah sebab utama memilih WebP berbanding JPG ketika menukar daripada PNG yang berketelusan, kerana JPG tiada saluran alfa dan terpaksa menggantikan piksel lutsinar dengan satu warna pejal. Logo, ikon, potongan produk, lakaran antara muka, tangkapan skrin bersudut bulat, dan sebarang imej yang bergantung pada latar tembus pandang, semuanya berpindah dengan utuh. Tiada togol untuk membolehkan pengekalan ketelusan, ia automatik kerana WebP direka untuk membawa alfa.

Sebab untuk beralih daripada PNG ke WebP

Sebab untuk beralih daripada PNG ke WebP

Dalam peralihan dari PNG ke WebP, enjin WebP Google mencapai dua mod pengekodan. WebP lossless lebih kecil kira-kira 26 peratus berbanding PNG yang setara menurut data rujukan rasmi Google. WebP lossy dengan ketelusan pula boleh menjadi tiga kali lebih kecil. Sokongan pelayar untuk WebP bermula dengan Chrome pada September 2010 dan meluas ke Firefox pada Disember 2019. Kini Chrome, Firefox, Safari dan Edge semuanya mengendalikannya secara asli. Ini adalah asas teknikal di sebalik saranan PageSpeed Insights untuk format generasi baharu. Fail WebP yang lebih kecil mengurangkan Largest Contentful Paint secara langsung, satu Core Web Vital dalam kedudukan carian.

Tetapan kualiti dan tukar ganti lossy

Tetapan kualiti dan tukar ganti lossy

Output WebP daripada alat ini menggunakan pengekodan hampir lossless yang diselaraskan untuk gambar foto dan grafik. Pada tetapan ini, tiada perbezaan ketara yang dapat dilihat berbanding PNG sumber pada saiz tontonan biasa. Pengurangan saiz biasa berada antara 50 hingga 70 peratus pada gambar foto. WebP pada tahap kualiti ini secara teknikal adalah lossy, bermakna sedikit ketepatan peringkat bit dikorbankan. Untuk logo, ikon dan aset antara muka web, perbezaan itu tidak kelihatan. Untuk kerja tepat piksel seperti pengimejan perubatan atau induk arkib, simpan PNG asal. Layan WebP sebagai salinan eksport untuk penyampaian web.

Di mana PNG anda diproses

Di mana PNG anda diproses

Laluannya bergantung pada bilangan fail yang anda tukar. Apabila anda menukar satu PNG, kerja berjalan dalam enjin imej asli pelayar, pada peranti anda, dalam tab anda, tanpa apa-apa dimuat naik dan tanpa apa-apa dicatat tentang kandungan fail. Anda boleh mengesahkannya dengan membuka panel rangkaian dalam penyemak imbas semasa menukar satu imej, dan melihat sifar permintaan keluar yang membawa fail. Apabila anda menukar beberapa PNG sekaligus, ia dihantar ke pelayan kami, yang menukarnya bersama dan memulangkan satu muat turun kepada anda. Hasil itu dipadam daripada pelayan kami dalam kira-kira 2 jam, dan anda juga boleh memadamnya sebaik sahaja menyimpan. Jadi penukaran tunggal tidak pernah meninggalkan pelayar, dan satu kelompok dikendalikan pada pelayan kami hanya selama yang diperlukan untuk membina muat turun anda.

Bila PNG asal masih pilihan yang tepat

Bila PNG asal masih pilihan yang tepat

WebP disokong secara meluas tetapi tidak diterima dalam setiap konteks. Sesetengah alat reka bentuk, aliran kerja cetakan dan sistem pengurusan kandungan dalaman masih memerlukan PNG. Sesetengah sistem pengendalian mengendalikan seret-dan-lepas PNG secara asli sedangkan WebP memerlukan pemalam. Untuk fail kerja yang akan anda buka dan sunting berulang kali dalam aplikasi desktop, menyimpan PNG lossless sebagai induk menghalang sebarang pengumpulan kitaran nyahkod-dan-simpan-semula. Gunakan WebP sebagai format eksport untuk penyampaian web dan simpan PNG sebagai sumber. Jika anda perlu pergi ke arah bertentangan dan menukar WebP kembali kepada PNG, alat webp-to-png mengendalikan penukaran itu.

Cara ia berfungsi

  1. Lepas atau pilih PNG anda

    Seret fail PNG ke kawasan muat naik atau klik untuk membuka pemilih fail. Mana-mana kawasan lutsinar dalam PNG akan dikekalkan dalam keluaran. Menukar satu imej berjalan dalam pelayar anda, manakala melepaskan beberapa sekaligus menghantarnya ke pelayan kami untuk diproses bersama.

  2. Tunggu penukaran automatik

    Pelayar menyimpan WebP sebaik sahaja fail dimuatkan. Bagi kebanyakan imej pada resolusi skrin, hasilnya muncul dalam masa kurang sesaat tanpa butang untuk ditekan.

  3. Semak saiz output

    Butang Muat Turun memaparkan saiz fail output. Kawasan lutsinar kekal lutsinar dalam WebP, dan fail sepatutnya jauh lebih kecil daripada PNG sumber.

  4. Muat turun WebP

    Klik Muat Turun untuk menyimpan fail. Nama fail asal dikekalkan dengan sambungan ditukar kepada .webp. Untuk menukar PNG lain, lepaskannya ke atas halaman, dan setiap fail berjalan secara berasingan.

Penukar berkaitan

Jika anda memerlukan arah sebaliknya atau format lain, alat-alat ini sedia digunakan.

Soalan Lazim

Adakah ketelusan dikekalkan apabila menukar PNG ke WebP?

Ya. WebP menyokong saluran alfa penuh, jadi kawasan lutsinar dalam PNG anda kekal lutsinar dalam output WebP. Inilah sebab utama memilih WebP berbanding JPG apabila bermula daripada PNG, kerana JPG tiada alfa dan terpaksa meratakan ketelusan kepada satu warna pejal, sedangkan WebP mengekalkan potongan itu betul-betul seperti asalnya. Logo, ikon, imej produk, dan aset antara muka berlatar lutsinar semuanya lalu melalui penukaran dengan utuh tanpa langkah tambahan.

Mengapa menukar PNG ke WebP?

Untuk fail yang lebih kecil tanpa kehilangan ketelusan atau kualiti visual. Imej PNG dengan ketelusan yang ditukar ke WebP dimuatkan lebih pantas pada laman web anda. Ini mempercepat pemuatan halaman secara langsung dan membantu Largest Contentful Paint. PageSpeed Insights memberi amaran apabila laman web menyajikan PNG di mana format generasi baharu dijangkakan. Menukar ke WebP menyelesaikan saranan itu. Sesuai untuk logo, ikon dan grafik berlatar belakang telus yang memerlukan pemuatan lebih pantas.

Adakah menukar PNG ke WebP menghilangkan kualiti?

Bagi penggunaan web biasa seperti logo, foto, dan ikon, jawapannya tidak. Anda tidak akan nampak perbezaan pada saiz skrin biasa. PNG asal anda tidak diubah oleh penukaran dan kekal seperti asal pada peranti anda. Untuk kerja kreatif di mana setiap piksel penting, seperti cetakan beresolusi tinggi atau bahan arkib, simpan PNG asal dan gunakan WebP hanya untuk versi web. Untuk laman web dan platform media sosial, kualiti WebP adalah sesuai sepenuhnya.

Berapa lebih kecil WebP berbanding PNG?

Menurut dokumentasi WebP rasmi Google, WebP lossless lebih kecil kira-kira 26 peratus berbanding PNG yang setara, dan WebP lossy dengan saluran alfa pula kira-kira tiga kali lebih kecil daripada PNG yang setanding. Nisbah tepat bergantung pada kandungan imej, di mana grafik dengan kawasan lutsinar luas dan rantau warna pejal memperoleh manfaat paling besar, manakala foto yang sangat terperinci melihat pengurangan lebih kecil tetapi masih bermakna. Walau apa pun, WebP lebih kecil dan ketelusan dikekalkan.

Adakah selamat menukar PNG ke WebP di sini?

Ia bergantung sama ada anda menukar satu imej atau beberapa. Satu PNG ditukar terus dalam pelayar anda, jadi fail itu tidak dimuat naik, dan anda boleh mengesahkannya dengan membuka panel rangkaian dalam penyemak imbas semasa penukaran, di mana tiada permintaan imej keluar muncul. Apabila anda menukar beberapa sekaligus, ia dihantar ke pelayan kami untuk diproses bersama, dan hasil itu dipadam dalam kira-kira 2 jam, dengan pilihan memadamnya sendiri sebaik sahaja memuat turun. Walau apa pun, tiada apa-apa daripada imej anda disimpan melebihi membina muat turun anda.

Adakah WebP berfungsi dalam semua pelayar?

Ya. WebP disokong secara asli dalam Chrome, Firefox, Safari dan Edge, merangkumi majoriti besar pelayar yang digunakan secara aktif. Sokongan telah sejagat sejak Safari 14 pada tahun 2020. Jika anda membina untuk khalayak yang mungkin merangkumi pelayar yang sangat lama atau webview terbenam, PNG kekal pilihan paling selamat. Bagi mana-mana khalayak yang menggunakan pelayar semasa dalam tempoh lima tahun lalu, WebP berfungsi dengan boleh dipercayai. Anda boleh mengesahkan sokongan setiap pelayar pada entri WebP di caniuse.com.

Butiran

Nota daripada pasukan tentang kraf, format, dan keputusan kecil di sebalik hasil yang baik.

Bagaimana WebP mencapai saiz lebih kecil daripada PNG
WebP menggunakan dua mod pemampatan yang berbeza. Mod lossless menggabungkan ramalan spatial dan warna dengan peringkat pengekodan entropi yang lebih canggih daripada DEFLATE PNG, mencapai nisbah pemampatan kira-kira 26 peratus lebih baik pada imej biasa menurut tanda aras yang diterbitkan Google. Mod lossy menerapkan transformasi berasaskan blok yang serupa dengan pemampatan video, direka untuk membuang maklumat yang tidak relevan dari segi persepsi sambil mengekalkan apa yang sebenarnya dilihat mata. Untuk imej dengan saluran alfa, WebP menggunakan sub-pemampatan lossless berasingan bagi data alfa sambil menerapkan pemampatan lossy pada data RGB, itulah sebabnya WebP lossy berketelusan boleh menjadi kira-kira tiga kali lebih kecil daripada PNG pada kualiti visual setara. DEFLATE PNG hanya lossless dan tidak boleh memanfaatkan tukar ganti persepsi yang dieksploitasi oleh mod lossy. Perbezaan format itulah yang menjelaskan jurang ini.
Saluran alfa secara terperinci
Kedua-dua PNG dan WebP menyokong ketelusan alfa 8 bit, bermakna setiap piksel boleh memegang nilai kelegapan dari 0 (lutsinar penuh) hingga 255 (legap penuh). Apabila enjin imej platform menyimpan semula PNG sebagai WebP, ia membaca nilai RGBA setiap piksel dan menyalurkan nilai alfa terus ke langkah pemampatan WebP, di mana nilai itu dikekalkan dengan pemampatan lossless tanpa mengira cara data RGB dikodkan. Hasilnya, setiap piksel lutsinar dalam PNG pada alfa 0, setiap piksel separa lutsinar antara 1 dan 254, dan setiap piksel legap pada 255 dipetakan kepada keadaan yang sama persis dalam WebP. Untuk logo dengan bayang jatuh lembut atau teks beranti-alias pada latar lutsinar, kehalusan tepi kekal utuh. Ini berbeza dengan JPG, yang tiada medan alfa dalam spesifikasi bekasnya dan terpaksa menggabungkan imej terhadap satu warna latar sebelum mengekod.
Core Web Vitals dan pilihan format imej
Largest Contentful Paint mengukur berapa lama elemen kelihatan terbesar pada halaman mengambil masa untuk muncul dalam port pandangan. Bagi kebanyakan halaman kandungan, elemen itu ialah imej hero, dan Google menggunakan LCP sebagai isyarat kedudukan dalam penilaian Core Web Vitalnya. Imej PNG ialah punca kegagalan LCP yang konsisten kerana saiz failnya, kerana PNG fotografik pada resolusi 4K boleh memberat beberapa megabait sedangkan WebP setara pada kualiti hampir lossless biasanya hanya sebahagian kecil daripada itu. PageSpeed Insights menanda perkara ini secara khusus dalam item audit menyajikan imej dalam format generasi baharu, menyenaraikan PNG sebagai format sasaran untuk diganti. Menukar PNG yang muncul dalam laluan render kritikal kepada WebP ialah salah satu perubahan tunggal berdaya ungkit tertinggi untuk memperbaik prestasi halaman yang diukur. Garis masa sokongan pelayar menjadikannya selamat, dengan Chrome menambah WebP pada 2011, Firefox pada 2019, Safari pada 2020, dan Edge sejak pembinaan semula Chromiumnya.
Output lossy dan tetapan hampir lossless
Penukaran WebP menawarkan parameter kualiti dari 0 hingga 100, di mana nilai lebih tinggi mengekalkan lebih banyak perincian dengan kos fail yang lebih besar. Alat ini menyimpan pada tetapan hampir lossless tetap yang ditala untuk mengimbangi kesetiaan visual dengan saiz fail bagi kategori aset web biasa iaitu foto, grafik antara muka dan ikon. Pada tetapan ini, output tidak dapat dibezakan dari segi persepsi daripada PNG sumber pada jarak tontonan skrin biasa. Secara teknikal, sedikit kejituan peringkat bit hilang berbanding kodan lossless sebenar, bermakna perbandingan peringkat bait antara piksel WebP yang dinyahkod dengan piksel PNG asal akan menunjukkan perbezaan berangka yang kecil. Perbezaan ini berada di bawah ambang persepsi manusia bagi kandungan fotografik. Untuk pengimejan perubatan, fotografi satelit, atau pemeliharaan digital arkib, di mana kesetiaan lossless ialah keperluan tegas, pendekatan betul ialah menyimpan PNG dan menggunakan WebP hanya sebagai eksport penyampaian, bukan salinan kerja.
Kelakuan metadata
Saluran yang digunakan untuk penukaran PNG ke WebP mengupas metadata EXIF, IPTC dan XMP daripada output. Ini sepadan dengan kelakuan yang diperhatikan merentas ketiga-tiga enjin pelayar utama. Profil warna ICC dikendalikan secara tidak konsisten, di mana Chrome dan Safari mengekalkan teg profil ICC sRGB dalam output WebP manakala Firefox mengupas semua metadata termasuk profil ICC. Hasil bersihnya ialah WebP yang ditukar adalah selamat sRGB merentas pelayar, tetapi sebarang penandaan gamut luas seperti Display-P3, Adobe RGB atau ProPhoto RGB yang hadir dalam PNG sumber tidak akan bertahan dalam Firefox. Untuk aliran kerja profesional yang kritikal warna, ketidakkonsistenan ini penting, jadi jika output akhir memerlukan kesetiaan profil warna, tukar dengan alat yang menulis data ICC secara jelas, atau terapkan teg profil sebagai langkah pasca pemprosesan menggunakan penyunting metadata imej yang khusus.
Bila mengekalkan PNG dan bila WebP memadai
Pokok keputusan praktikalnya pendek. Jika destinasi akhir imej ialah halaman web atau aplikasi web, dan persekitaran render ialah mana-mana pelayar dari 2020 ke atas, WebP ialah format eksport yang tepat. Jika imej perlu dibuka dalam aplikasi reka bentuk seperti Figma, Sketch atau Affinity Designer, sahkan sokongan WebP dalam versi khusus yang anda guna, kerana sokongan berbeza. Jika imej akan digunakan dalam aliran kerja cetakan, PNG atau TIFF lebih diutamakan kerana kebanyakan RIP cetakan tidak mengendalikan WebP. Jika imej akan dihantar melalui e-mel, PNG lebih selamat kerana klien e-mel terkenal tidak konsisten dengan format moden. Jika imej akan digunakan sebagai fail kerja yang disunting dan disimpan semula berkali-kali, simpan PNG sebagai induk. WebP pada kualiti hampir lossless ialah format penyampaian yang sangat baik, manakala PNG ialah format yang lebih baik untuk pengarkiban dan penyuntingan. Aliran kerja ideal menyimpan PNG sebagai asal dan mengeksport ke WebP untuk penyampaian web.