Penukar PNG ke WebP

Kecilkan tangkapan skrin, logo dan potongan gambar produk PNG di laman web anda menjadi fail WebP yang mengekalkan tepi lutsinar dan dimuatkan dalam masa yang jauh lebih singkat. Pilih lossy atau lossless, tukar, kemudian muat naik hasilnya ke CMS anda.

atau seret Fail JPG, JPEG, JPE … ke sini ·

Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit

Output

Tukar ke

Fail diproses pada pelayan kami dan dipadam selepas 30 minit.

Cara menggunakan alat ini

1
Letakkan fail PNG
Seret sehingga 20 fail PNG ke kawasan muat naik atau pilih daripada folder. Setiap fail boleh mencecah 95 MB, cukup untuk reka bentuk mockup yang sangat besar.
2
Pilih lossy atau lossless
Halaman ini bermula pada Kualiti 80 dalam mod lossy, imbangan yang baik untuk foto dan ilustrasi di web. Tandakan Tanpa kehilangan di bawah Tetapan lanjutan untuk ikon, pixel art atau tangkapan skrin UI yang mesti kekal tepat piksel demi piksel.
3
Tukar dan gantikan
Tekan Tukar ke WebP dan muat turun fail satu demi satu atau sebagai ZIP.

Jawapan

Adakah berbaloi menukar PNG ke WebP?

Untuk gambar di laman web, hampir selalu berbaloi. Gambar yang sama, termasuk lut sinarnya, biasanya jauh lebih kecil, dan setiap pelayar semasa memaparkannya. Kekalkan PNG untuk fail yang masih anda sunting atau hantar kepada orang yang membukanya dalam perisian desktop.

Mengapa pembangun web menggantikan PNG dengan WebP

PNG bersifat tanpa kehilangan: ia diseragamkan oleh W3C pada 1996 sebagai pengganti GIF yang bebas paten dan tidak pernah membuang data piksel. Itu sesuai untuk fail induk tetapi membazir pada halaman web, kerana ilustrasi hero 1600 px yang disimpan sebagai PNG boleh lebih berat daripada semua skrip pada halaman digabungkan.

Google memperkenalkan WebP pada 2010 untuk merapatkan jurang itu. Ia menawarkan dua enjin dalam satu bekas: mod tanpa kehilangan yang menurut perbandingan terbitan Google sendiri kira-kira 26% lebih kecil daripada PNG, dan mod lossy berasaskan kodek video VP8 yang lebih kecil lagi. Kedua-dua mod membawa saluran alfa penuh, ciri yang memastikan logo dan foto produk yang dipotong boleh digunakan pada latar berwarna.

Alat kelajuan halaman seperti PageSpeed Insights sudah lama menunjukkan fail PNG dan JPEG yang terlalu besar sebagai penjimatan mudah, dan set gambar yang telah ditukar selalunya penambahbaikan terpantas untuk Largest Contentful Paint. Jika gambar juga memerlukan dimensi baharu, proseskan dahulu dengan pengubah saiz gambar, kemudian tukar.

Berapa banyak WebP lebih kecil berbanding PNG

PNG asal

1.2 MB

1600 × 900 · 24-bit dengan alfa, potongan produk

biasanya 80–85% lebih kecil

WebP, kualiti 80

190 KB

1600 × 900 · lossy dengan saluran alfa dikekalkan

PNG

Portable Network Graphics

PNG ialah format raster lossless yang diterbitkan pada 1996 oleh PNG Development Group dan kemudian dipiawaikan oleh W3C dan ISO. Ia mengekalkan setiap piksel dengan tepat, menyokong lutsinar alfa penuh dan mengendalikan teks, tepi tajam dan warna rata tanpa artifak. Ketepatan itu menjadikannya sesuai untuk tangkapan skrin, logo, ikon dan grafik antara muka. Kekurangannya ialah saiz: foto yang disimpan sebagai PNG selalunya beberapa kali ganda lebih besar daripada foto sama sebagai JPEG atau WebP. Semua pelayar, sistem pengendalian dan penyunting boleh membuka fail PNG.

Pemampatan: Lossless (tanpa kehilangan)
Ketelusan: Ya
Animasi: Tidak
Diperkenalkan: 1996 · PNG Development Group

Penukar PNG

WEBP

Imej WebP

WebP ialah format imej yang dilancarkan oleh Google pada 2010 untuk memuatkan laman web dengan lebih pantas. Ia menyokong mampatan berkehilangan dan tanpa kehilangan, ketelusan alfa dan animasi dalam satu format. Fail WebP berkehilangan biasanya 25–35% lebih kecil daripada JPEG yang berkualiti visual serupa, dan WebP tanpa kehilangan biasanya lebih kecil daripada PNG. Setiap pelayar semasa menyokongnya, tetapi sesetengah perisian desktop lama, perkhidmatan cetakan dan borang muat naik masih menolaknya. Windows, macOS dan kebanyakan penyunting imej moden boleh membuka fail WebP.

Pemampatan: Lossy atau lossless
Ketelusan: Ya
Animasi: Ya
Diperkenalkan: 2010 · Google

Penukar WEBP

Pemilik laman menukar PNG ke WebP untuk mengurangkan saiz halaman sambil mengekalkan lut sinar; menukar WebP kembali ke PNG pula untuk menyunting atau membuka fail dalam perisian yang tidak boleh membaca WebP.

Angka di atas ialah hasil tipikal untuk potongan fotografi, bukan janji. Grafik rata mengecil kurang dalam mod lossy dan kadangkala lebih dalam mod tanpa kehilangan. Tangkapan skrin penuh teks ialah satu-satunya kes di mana WebP lossy boleh mengaburkan pinggir huruf; tandakan Tanpa kehilangan untuk fail itu dan anda masih menjimatkan ruang tanpa sebarang perubahan pada piksel.

Dimensi, warna dan lut sinar dikekalkan tanpa berubah, dan Buang metadata (aktif secara lalai) membuang sejarah suntingan yang tidak diperlukan pelayar.

Sebelum anda memuat naik fail WebP ke laman anda

Simpan PNG asal dalam folder berasingan; WebP ialah salinan penghantaran, bukan fail induk untuk suntingan.
Pastikan CMS anda menerima muat naik .webp (WordPress menerimanya mulai versi 5.8).
Lihat satu gambar lut sinar pada latar putih dan gelap untuk memastikan pinggirnya bersih.
Kemas kini rujukan gambar dalam HTML atau CSS anda daripada .png kepada .webp, atau biarkan CMS menjana semula imej kecil.
Bandingkan saiz halaman sebelum dan selepas dalam panel rangkaian pelayar anda supaya anda tahu berapa yang dijimatkan.

Soalan tentang PNG ke WebP

Adakah WebP mengekalkan latar belakang lutsinar PNG saya?

Ya. WebP menyimpan saluran alfa dalam kedua-dua mod lossy dan tanpa kehilangan, jadi gambar produk yang dipotong dan logo kekal lut sinar. Dalam mod lossy, piksel pinggir dimampatkan sedikit; jika anda nampak halo samar di sekeliling rambut halus atau teks, jalankan semula fail itu dengan Tanpa kehilangan ditandakan. Perlukan sebaliknya nanti? WebP ke PNG memulihkan PNG yang boleh disunting.

Patutkah saya memilih WebP lossy atau lossless untuk PNG?

Pilih tanpa kehilangan jika PNG ialah UI rata, gambar rajah, logo atau pixel art, kerana setiap piksel kekal sama dan saiz fail biasanya tetap mengecil. Pilih lossy pada kualiti 75 hingga 85 jika PNG itu sebenarnya foto atau ilustrasi lembut, kerana di situlah penjimatan paling besar.

Pelayar manakah yang boleh memaparkan gambar WebP?

Chrome, Edge, Firefox dan Opera sudah lama memaparkan WebP, dan Safari menyertainya dengan versi 14 pada 2020 (pada macOS Big Sur atau lebih baharu dan iOS 14). Pada praktiknya setiap pelayar yang aktif digunakan hari ini boleh memaparkannya, jadi tag img biasa yang menuju ke fail .webp sudah memadai untuk kebanyakan laman.

Bolehkah WordPress menerima muat naik WebP?

WordPress 5.8, yang dikeluarkan pada Julai 2021, menambah WebP pada jenis muat naik yang dibenarkan dalam pustaka media. Pemasangan lama menolak fail itu kecuali pemalam menambah jenis MIME, jadi semak versi anda sebelum menukar seluruh folder.

Mengapa fail WebP saya lebih besar daripada PNG asal?

Ini berlaku pada PNG kecil yang menggunakan palet berindeks dengan beberapa warna, seperti ikon 8 warna, kerana PNG sudah sangat cekap di situ. Cuba Tanpa kehilangan untuk fail tersebut, dan jika hasilnya masih lebih besar, kekalkan PNG; penjimatan datang daripada gambar yang lebih besar dan lebih berwarna-warni.

Bolehkah saya menukar satu folder PNG ke WebP sekali gus?

Sehingga 20 fail diproses dalam satu larian, setiap satu sehingga 95 MB, dan semuanya dikembalikan bersama dalam ZIP. Untuk folder yang lebih besar, ulang dalam kelompok 20 fail; tiada had harian dan fail yang dimuat naik dipadam secara automatik selepas 30 minit.