Panatilihin ang transparent na background sa PNG export

May alpha channel ang transparent na asset na naglalarawan kung aling mga pixel ang nakikita. Iba iyon sa litrato ng checkerboard. Kung screenshot ang na-download mo na may checkerboard sa likod ng logo, maaaring karaniwang nakikitang mga pixel ang mga parisukat na iyon. Hindi sila maaalis sa pag-save ng screenshot bilang PNG. Buksan ang tunay na asset sa editor at tiyaking talagang nakikita sa likod nito ang background.

Kapaki-pakinabang ang workflow na ito para sa dati nang cutout, raster logo o overlay na kailangan ng mas maliit na delivery version. Hindi nito kinikilala ang paksa, binubura ang background o pinapalitan ang hindi magandang pagkakagupit sa gilid. Gawin muna ang mga edit na iyon sa orihinal na disenyo. Magtabi ng editable na master at mag-export ng transparent na PNG mula roon, saka gamitin ang page na ito kapag kailangan ng ibang raster size nang hindi sadyang ginagawang opaque ang background.

Pinananatili ng preset ang orihinal na mga pixel, pinipili ang PNG at ino-off ang pagpapatalas. PNG ang output dito na nagpapanatili ng dati nang transparency. Opaque na puting background ang ginagamit ng JPEG at WebP export ng tool, kaya huwag piliin ang mga iyon para sa asset na kailangang gumana sa magkakaibang kulay ng page. Hindi kinokontrol ng quality slider ang lossless compression ng PNG.

Para sa mas maliit na kopya, piliin ang Magkasya sa loob at ilagay ang magagamit na kahon. Pinananatili nito ang proporsiyon ng source nang hindi pinuputol ang mga gilid. Kino-crop ng Eksaktong sukat ang napiling hugis at maaaring mawala ang anino o bahagi ng marka, kaya gamitin lamang iyon kung gusto mo talaga ang crop. Iwasan ang hindi kailangang byte limit sa master asset. Maaaring kailanganing bawasan ang pixel upang umabot sa mahigpit na limitasyon, at maaaring mahirapang basahin ang maliit na logo o manipis na outline.

Tingnan ang na-download na PNG sa maliwanag at madilim na background. Maaaring may mapuputlang pixel sa gilid ang cutout mula sa dating edit sa puting background. Maaaring buo ang transparency sa teknikal na aspeto ngunit hindi pa rin maganda ang halo sa madilim na seksiyon. Maaari ring mawala ang madilim na logo sa madilim na page kahit tama ang export. Ayusin ang mga isyung iyon sa source sa halip na paulit-ulit na mag-compress.

Suriin ang larawan sa aktuwal na display size. Maaaring mag-iba ang itsura ng bahagyang transparent na anino at maninipis na guhit kapag pinaliit, kahit PNG ang output. Para sa web publishing, itakda ang sukat ng element at magbigay ng kapaki-pakinabang na alternative text kapag may impormasyong ipinapahatid ang larawan. Maaaring iba ang accessibility treatment ng pandekorasyong overlay kaysa sa naka-link na logo ng kompanya. I-download ang test export at ilagay sa tunay na layout bago iproseso ang magkakatugmang asset. Sa device mo nananatili ang source sa buong conversion.

Subukan ang madilim na logo na may malambot na anino at pangalawang logo na para sa madilim na background. Ilagay ang parehong na-download na PNG sa pansamantalang maliwanag at madilim na seksiyon ng layout. Tingnan ang maninipis na guhit at hangganan ng anino sa planong display size. Kung hindi na makita ang isang bersiyon, piliin ang tamang source variant sa halip na i-flatten ito sa ibang kulay ng background. Kung may puting halo, balikan ang orihinal na cutout. Maaaring mapanatili ng file ang alpha channel ngunit hindi pa rin angkop ang itsura nito sa partikular na page. Suriin ang parehong katangian bago ilapat ang iisang settings sa lahat ng variant.