I-convert ang PNG sa WebP
PNG ang format na ine-export ng mga designer at WebP naman ang format na dapat ginagamit ng mga website. Nababawasan ng dalawang-katlo o higit pa ang laki ng file kapag kinonvert habang buo pa rin ang transparency, at kaya itong ipakita ng bawat kasalukuyang browser. Sa device mo tumatakbo ang conversion, kaya walang ina-upload.
I-drop ang mga file dito o i-click para pumili
Mga resulta
Paano mag-convert ng PNG sa WebP
- I-drop ang isa o maraming PNG na larawan sa tool sa ibaba.
- Nakatakda na sa WebP ang output format. Ayusin ang quality kung gusto mo.
- I-click ang Patakbuhin para mag-convert.
- I-download ang bawat WebP, o lahat nang sabay bilang ZIP.
Bakit napakalaki ng mga PNG file
Lossless ang PNG. Eksaktong naiimbak ang bawat pixel, at iyon ang dahilan kung bakit perpekto ito para sa mga logo, screenshot at UI graphic, at iyon din ang dahilan kung bakit ang litrato bilang PNG ay puwedeng 10 hanggang 20 beses na mas malaki kaysa sa parehong litrato bilang JPG. Nag-e-export ang mga design tool bilang PNG bilang default dahil ligtas ito, hindi dahil ito ang pinakamainam. Ang resulta, maraming website ang naghahatid ng PNG na ilang megabyte para sa mga larawang puwede sanang ilang daang kilobyte lang.
Ano ang naiiba sa WebP
Ginawa ng Google ang WebP partikular para sa web. Mayroon itong dalawang mode. Ang lossy WebP ay gumagamit ng prediction at transform coding na kahawig ng video compression at kadalasang nagbibigay ng file na 25 hanggang 35% na mas maliit kaysa sa JPG sa parehong kalidad sa paningin, at mas maliit pa nang husto kaysa sa PNG. Ang lossless WebP ay eksaktong nag-iimbak ng mga pixel gaya ng PNG pero may mas mahusay na compression scheme, karaniwang 20 hanggang 30% na mas maliit kaysa sa optimized na PNG. Parehong sumusuporta sa transparency ang dalawang mode, at iyan ang pangunahing dahilan kung bakit napakakaraniwan ng pag-convert ng PNG papuntang WebP: ito ang unang malawakang suportadong format na nagpapahintulot sa iyong panatilihin ang alpha channel nang hindi binabayaran ang laki ng PNG.
Pagpili ng quality setting
| Ang orihinal na PNG ay | Iminumungkahing kalidad ng WebP | Resulta |
|---|---|---|
| Logo, icon, flat na graphic | 90 hanggang 100 | Nananatiling matalas ang mga gilid, 50%+ pa ring mas maliit kaysa sa PNG |
| Screenshot na may text | 85 hanggang 95 | Nababasa pa rin ang text, kadalasang 60 hanggang 70% na mas maliit |
| Litrato o 3D render | 75 hanggang 85 | Halos walang pagkakaiba sa paningin sa karaniwang laki, 80 hanggang 90% na mas maliit |
| Produktong naka-cut out na may transparency | 85 hanggang 90 | Nananatiling malinis ang mga gilid, napapanatili ang alpha channel |
Saan gagamitin ang WebP
Gamitin ang WebP saanman browser ang viewer: ang website mo, web app, mga email template na para sa modernong client, at mga image CDN. Tumatanggap na ng WebP na upload ngayon ang WordPress, Shopify, Webflow, Squarespace at Wix. Kung kailangan mo ring suportahan ang lumang viewer nang sabay, ang karaniwang paraan ay ang HTML na <picture> element na nauuna ang WebP source at PNG o JPG bilang fallback.
Huwag i-convert sa WebP para sa pang-print, para sa pag-archive ng master artwork, o para ipadala sa client na bubuksan ang file sa lumang bersyon ng Photoshop o Illustrator. Itabi ang master na PNG at ituring ang WebP bilang format para sa paghahatid.
Batch conversion
Puwedeng i-drop nang sabay ang isang buong folder ng mga na-export na PNG asset. Kino-convert ang bawat isa sa parehong quality setting at dina-download ang mga resulta bilang isang ZIP na may orihinal na mga filename at .webp na extension, kaya ang pagpapalit sa mga ito sa proyekto mo ay simpleng find and replace lang ng extension.
Mga madalas itanong
Napapanatili ba ng WebP ang transparent na background ng PNG ko?
Oo. Sinusuportahan ng WebP ang buong 8-bit alpha channel, kaya ang malalambot na gilid, anino at mga bahaging semi-transparent ay lalabas nang eksaktong kagaya sa PNG.
Lossless o lossy na WebP ba ang dapat kong gamitin?
Para sa mga logo, icon at screenshot na may matalas na text, gumamit ng mataas na quality setting para manatiling malinaw ang resulta. Para sa mga litratong na-export bilang PNG, ang quality na 80 hanggang 85 ay nagbibigay ng malaking tipid nang walang halatang pagbaba ng kalidad.
Aling mga browser at app ang nakakabukas ng WebP?
Nagpapakita ng WebP ang Chrome, Edge, Firefox, Safari (mula version 14) at bawat kasalukuyang mobile browser. Nabubuksan ito ng Windows Photos at macOS Preview. Hindi ito nabubuksan ng ilang lumang desktop software at email client, kaya magtabi ng PNG o JPG para sa mga iyon.
Bakit minsan mas malaki ang WebP ko kaysa sa PNG?
Ang napakaliliit na larawan na kakaunti ang kulay, gaya ng 32 pixel na icon, ay posibleng malapit na sa pinakamaliit na laki nito bilang PNG. Pinakamahusay ang WebP sa kahit anong mas malaki sa ilang daang pixels.
Ang iyong mga file ay hindi kailanman umaalis sa iyong device
Bawat tool sa Squishly Tools ay 100% libre at tumatakbo nang buo sa loob ng iyong browser. Pinoproseso ang iyong mga larawan at dokumento sa sarili mong computer at hindi kailanman ina-upload sa server. Walang account, walang watermark at walang daya.