Gawing WebP ang opaque na PNG at ihambing ang resulta

Maaaring sulit subukan bilang WebP para sa website ang photographic na PNG. Maaaring galing ito sa camera at na-export sa design tool, isang rendered na kuwarto o isang flattened na promotional graphic. Gumawa ng hiwalay na export at ihambing sa orihinal sa halip na burahin agad ang PNG. Nakadepende sa larawan ang laki ng file, kaya ang kapaki-pakinabang na tipid ay ang talagang nasusukat mo.

Kailangang mag-ingat sa transparency dito. Bagaman kayang mag-imbak ng alpha ang WebP na format, sa ngayon ay puting background ang ginagamit ng tool sa WebP output. Kaya mawawala sa export ang transparent na bahagi ng transparent na input. Panatilihin ang PNG para sa logo, cutout at overlay na ilalagay sa magkakaibang background, at gamitin ang conversion na ito sa larawang angkop ang opaque na resulta.

Pinananatili ng preset ang sukat at nagsisimula ito sa 90% quality na naka-off ang pagpapatalas. Subukan ang isang file na may maliit na teksto at isa pang may photographic na background. Suriin ang maninipis na border, may kulay na letra at pantay na gradients. Maaaring mukhang maayos ang disenyo sa unang tingin ngunit may kulay na halo sa tabi ng label sa aktuwal na display size.

Kung screenshot ng interface ang PNG, maaaring mas mahalaga ang linaw ng pagbasa kaysa sa pagbawas ng ilang byte. Ihambing ang PNG export o itabi ang source kapag pinapalambot ng WebP ang mahahalagang detalye. Para sa malaking opaque na litrato, subukan ang Magkasya sa loob ayon sa tunay na display bounds bago ibaba pa ang quality. Unahin ang pagbabawas ng sobrang pixel kung hindi naman iyon ipinapakita ng website, ngunit panatilihin ang sapat na resolusyon para sa planong puwesto.

Kinokontrol ng WebP quality slider ang lossy encoding ng export na ito. Hindi naibabalik ng mas mataas na setting ang detalyeng wala sa source, at hindi nangangahulugan ang parehong numero ng magkatulad na itsura sa magkakaibang format. Gamitin ito sa paghahambing: bahagyang i-adjust, suriin ang resulta at itabi ang pinakamaliit na bersiyong sapat para sa sariling pangangailangan sa quality.

Hindi ganoon ang paggamit ng PNG sa quality control na iyon, kaya tunay na pagpili ng workflow ang pagpapalit ng extension. Kung may maliliit na label ng diagram o eksaktong hangganan ng kulay ang PNG, maaaring mas tamang panatilihin ang PNG kahit mas malaki ang file. Hindi binabawasan ng converter ang PNG color palette, gumagawa ng lossless WebP setting o nag-e-edit ng mga bagay at layer sa loob ng flattened na graphic.

I-download ang converted na larawan at i-upload ito sa test page sa aktuwal mong website system. Kumpirmahing WebP ang natatanggap ng browser, tama ang display crop at walang transparent na gilid na hindi inaasahang naging puti. Tingnan ito sa background ng page, lalo na kung para sa madilim na seksiyon ang source. Kailangang suriin ang conversion sa konteksto, hindi lamang sa preview ng file.

Pagkatapos, tingnan ang mobile display. Maaaring mas simpleng layout ang kailangan ng malaking marketing graphic, hindi mas compressed na kopya, kapag hindi na mabasa sa telepono ang mga letra. Hiwalay pa rin na gawain ng website ang pagpili ng responsive image at paglalaan ng sukat. Kapag maayos ang sample, saka pagsabay-sabayin ang magkakatugmang file. Sa browser nananatili ang image data sa conversion na ito at hindi nagbabago ang source PNG.

Halimbawa, subukan ang puting wordmark sa transparent na mga pixel bago i-convert ang anumang brand asset. Maaaring tuluyang itago ng puting opaque na output ang marka, na hindi makikita sa paghahambing ng laki ng file lamang.