Tukar PNG ke WebP
PNG ialah format yang digunakan oleh pereka untuk menyimpan kerja mereka, manakala WebP ialah format yang sepatutnya digunakan oleh laman web. Penukaran mengurangkan saiz fail sebanyak dua pertiga atau lebih sambil mengekalkan ketelusan sepenuhnya, dan setiap pelayar semasa boleh memaparkan hasilnya. Penukaran berlaku pada peranti anda, jadi tiada apa yang dimuat naik.
Lepaskan fail di sini atau klik untuk memilih
Hasil
Cara menukar PNG ke WebP
- Lepaskan satu atau banyak imej PNG ke dalam alat di bawah.
- Format output sudah ditetapkan kepada WebP. Laraskan kualiti jika mahu.
- Klik Jalankan untuk menukar.
- Muat turun setiap WebP, atau semuanya sekali gus sebagai ZIP.
Mengapa fail PNG begitu besar
PNG tidak kehilangan data. Setiap piksel disimpan dengan tepat, dan itulah yang menjadikannya sempurna untuk logo, tangkapan skrin dan grafik antara muka, dan juga sebab foto dalam format PNG boleh menjadi 10 hingga 20 kali lebih besar daripada gambar yang sama dalam format JPG. Alat reka bentuk mengeksport PNG secara lalai kerana ia selamat, bukan kerana ia cekap. Akibatnya, banyak laman web menyajikan PNG bersaiz beberapa megabait untuk imej yang sepatutnya hanya beberapa ratus kilobait.
Apa yang dilakukan WebP secara berbeza
WebP direka oleh Google khusus untuk web. Ia mempunyai dua mod. WebP lossy menggunakan ramalan dan pengekodan transformasi yang serupa dengan pemampatan video, dan biasanya menghasilkan fail 25 hingga 35% lebih kecil daripada JPG pada kualiti visual yang sama, serta jauh lebih kecil daripada PNG. WebP lossless menyimpan piksel dengan tepat seperti PNG tetapi dengan skema pemampatan yang lebih bijak, biasanya 20 hingga 30% lebih kecil daripada PNG yang telah dioptimumkan. Kedua-dua mod menyokong ketelusan, dan itulah sebab utama PNG ke WebP menjadi penukaran yang sangat biasa: ia format pertama yang disokong secara meluas yang membolehkan anda mengekalkan saluran alfa tanpa menanggung saiz PNG yang besar.
Memilih tetapan kualiti
| PNG sumber mengandungi | Kualiti WebP dicadangkan | Hasil |
|---|---|---|
| Logo, ikon, ilustrasi rata | 90 hingga 100 | Tepi tajam dikekalkan, masih 50%+ lebih kecil daripada PNG |
| Tangkapan skrin dengan teks | 85 hingga 95 | Teks kekal mudah dibaca, biasanya 60 hingga 70% lebih kecil |
| Foto atau imej 3D yang dirender | 75 hingga 85 | Kelihatan sama pada saiz biasa, 80 hingga 90% lebih kecil |
| Potongan produk lut sinar | 85 hingga 90 | Tepi kekal kemas, saluran alfa dikekalkan |
Di mana hendak menggunakan WebP
Gunakan WebP di mana-mana sahaja pelayar menjadi pemaparnya: laman web anda, aplikasi web, templat e-mel yang menyasarkan aplikasi e-mel moden, dan CDN imej. WordPress, Shopify, Webflow, Squarespace dan Wix semuanya menerima muat naik WebP hari ini. Jika anda perlu menyokong pemapar lama pada masa yang sama, pendekatan standard ialah elemen HTML <picture> dengan sumber WebP dahulu dan PNG atau JPG sebagai sandaran.
Jangan tukar ke WebP untuk serahan cetakan, untuk mengarkibkan karya seni induk, atau untuk dihantar kepada pelanggan yang akan membuka fail itu dalam versi lama Photoshop atau Illustrator. Simpan PNG induk dan anggap WebP sebagai format penghantaran.
Penukaran kelompok
Seluruh folder aset PNG yang dieksport boleh dilepaskan sekali gus. Setiap satu ditukar dengan tetapan kualiti yang sama dan hasilnya dimuat turun sebagai satu ZIP dengan nama fail asal dan sambungan .webp, jadi menggantikannya dalam projek hanya memerlukan cari dan ganti pada sambungan fail.
Soalan lazim
Adakah WebP mengekalkan latar belakang lutsinar PNG saya?
Ya. WebP menyokong saluran alfa 8 bit penuh, jadi tepi yang lembut, bayang-bayang dan kawasan separa lutsinar kekal tepat seperti dalam PNG.
Patutkah saya menggunakan WebP tanpa kehilangan atau dengan kehilangan?
Untuk logo, ikon dan tangkapan skrin dengan teks yang tajam, gunakan tetapan kualiti tinggi supaya hasilnya kekal tajam. Untuk foto yang disimpan sebagai PNG, kualiti 80 hingga 85 memberikan penjimatan besar tanpa kehilangan yang ketara.
Pelayar dan aplikasi mana yang boleh membuka WebP?
Chrome, Edge, Firefox, Safari (sejak versi 14) dan setiap pelayar mudah alih semasa memaparkan WebP. Photos pada Windows dan Preview pada macOS boleh membukanya. Sesetengah perisian desktop lama dan aplikasi e-mel tidak dapat membukanya, jadi kekalkan PNG atau JPG untuk kegunaan tersebut.
Kenapa WebP saya kadangkala lebih besar daripada PNG?
Imej yang sangat kecil dengan warna yang sangat sedikit, seperti ikon 32 piksel, mungkin sudah hampir mencapai saiz minimumnya sebagai PNG. WebP paling menyerlah pada apa-apa yang lebih besar daripada kira-kira dua ratus piksel.
Fail anda tidak pernah meninggalkan peranti anda
Setiap alat di Squishly Tools adalah 100% percuma dan berjalan sepenuhnya dalam pelayar anda. Imej dan dokumen anda diproses pada komputer anda sendiri dan tidak pernah dimuat naik ke pelayan. Tiada akaun, tiada tera air dan tiada helah.