Ano ang isang transparent na PNG?

By Technical specialist

Ang isang transparent na PNG ay isang file ng imahe kung saan ang ilang bahagi ay nilalayong magpakita ng walang anuman sa likod ng paksa, kaya kahit anong ilagay mo ang file sa itaas ay makikita. Ang “wala” na iyon ay hindi puting pintura at hindi isang grey checker pattern. Ito ay data ng transparency, karaniwang inilalarawan bilang alpha.

Kung nagtatrabaho ka sa mga cutout ng produkto, avatar, sticker, slide, o quick composite, mas mahalaga ito kaysa sa sinasabi nito. Maraming tao ang nagsasabing “Kailangan kong alisin ang background,” ngunit ang talagang kailangan nila ay isang file na maaaring umupo nang malinis sa ibabaw ng isa pang layout nang hindi dina-drag ang lumang background.

Ang simpleng ideya

Isipin ang isang regular na larawan bilang isang parihaba na puno ng mga pixel. Ang bawat bahagi ng parihaba na iyon ay may nakikitang kulay. Binago ng transparent na PNG ang panuntunang iyon:

• pinapanatili ng paksa ang mga nakikitang pixel
• ang inalis na backdrop ay nagiging transparent na lugar
• isa pang dokumento, kulay, o imahe ay maaaring lumitaw sa likod nito sa ibang pagkakataon

Iyon ang dahilan kung bakit karaniwan ang mga transparent na PNG para sa mga nakahiwalay na bagay at tao. Binibigyan ka nila ng flexibility pagkatapos ng pag-export.

Bakit umiiral ang checkerboard preview

Kung ang transparency ay “wala,” paano ito maipapakita ng software?

Karamihan sa mga editor at manonood ay gumagamit ng pattern ng checkerboard upang kumatawan sa mga transparent na rehiyon. Ang checkerboard ay hindi bahagi ng file. Isa lang itong preview convention para malaman ng iyong mata kung saan umiiral ang alpha.

Ito ang isa sa mga pinakakaraniwang pagkalito sa nagsisimula:

• “Na-export ko ang file at ngayon ay nakikita ko ang mga parisukat”
• “Ang background remover ay nagdagdag ng kulay abong pattern”

Kadalasan ang mga parisukat ay paraan lamang ng tumitingin sa pagpapakita ng transparency. Ang file mismo ay gumagawa ng tamang bagay.

Transparent PNG kumpara sa puting background

Ang dalawang kinalabasan na ito ay kadalasang pinaghalo, ngunit magkaiba ang mga ito.

Transparent na PNG

• Ang background ay tinanggal sa alpha
• mahusay na gumagana kapag maaari mong ilagay ang paksa sa maraming iba’t ibang mga background sa ibang pagkakataon
• pinakamahusay para sa pag-composite, mga layout, at flexible na muling paggamit

Puting background

• background pa naman, puti lang
• maaaring maging kapaki-pakinabang para sa mga marketplace, doc, o simpleng pag-export
• hindi gaanong nababaluktot kung gusto mo sa ibang pagkakataon ang paksa sa kulay, gradient, o ibang larawan

Wala alinman sa isa ay “mas propesyonal” sa bawat kaso. Nilulutas nila ang iba’t ibang mga problema. Magsisimula ang problema kapag may umasa sa isa at aksidenteng na-export ang isa.

Bakit mahalaga ang PNG sa workflow na ito

Ang PNG ay ang praktikal na sagot dahil malawak itong sinusuportahan at malawak na nauunawaan para sa transparent na output. Maaari kang magbukas ng JPG, WebP, AVIF, o HEIC na imahe bilang input, alisin ang background, at i-export ang cutout bilang PNG.

Nangangahulugan iyon na ang tanong sa daloy ng trabaho ay hindi:

“Transparent na ba ang orihinal na file?”

ito ay:

“Maaari ko bang ihiwalay ang paksa at i-save ang resulta sa isang format na nagpapanatili ng transparency?”

Para sa Easy Background Remover, ang huling sagot na iyon ay PNG.

Ano ang ibig sabihin ng alpha nang walang jargon dump

Ang Alpha ay ang bahagi ng data ng larawan na naglalarawan kung gaano dapat nakikita ang isang pixel.

• ganap na nakikitang pixel: ganap na nagpapakita ang paksa
• ganap na transparent na pixel: wala nang natitira sa pixel na iyon
• bahagyang transparency: maaaring umiral ang malambot o semi-transparent na mga transition

Hindi mo kailangang maging isang graphics engineer para magamit ang ideyang ito. Sa totoong buhay, ipinapaliwanag lang nito kung bakit maaaring magmukhang natural ang malambot na mga gilid kapag maganda ang cutout, at kung bakit pangit ang hitsura ng mga rough export kapag nawala ang transparency o hindi pino ang gilid.

Kung saan kapaki-pakinabang ang mga transparent na PNG

Ang mga transparent na PNG ay lalong kapaki-pakinabang kapag ang parehong paksa ay maaaring kailanganing lumipat sa pagitan ng mga konteksto:

• mga listahan ng produkto at promo card
• mga larawan sa profile at mga pahina ng koponan
• mga slide deck at doc
• mga label, sticker, at simpleng print prep
• mga overlay para sa mga thumbnail o mockup

Ang apela ay hindi “PNG is fancy.” Ang apela ay ang paksa ay mananatiling magagamit muli.

Anong isang transparent na PNG ang hindi nalulutas sa sarili nito

Ang isang transparent na PNG ay hindi awtomatikong patunay ng isang malinis na resulta.

Maaari ka pa ring magkaroon ng:

• magaspang na gilid
• natirang halos mula sa lumang background
• nawawalang mga hibla ng buhok
• maghiwa-hiwalay sa mga paksang mababa ang contrast

Pinapanatili ng transparency ang ginupit. Hindi nito inaayos ang isang mahina na ginupit sa sarili nitong.

Iyon ang dahilan kung bakit mahalaga ang inspeksyon sa gilid. Ang format ng file at ang kalidad ng cutout ay nagtutulungan, ngunit hindi sila pareho.

Isang praktikal na halimbawa

Isipin ang isang mug na nakuhanan ng larawan sa puti. Kung aalisin mo ang background at i-export bilang transparent na PNG, maaari mong ilagay ang mug na iyon sa ibang pagkakataon:

• isang may kulay na banner
• isang gradient hero block
• isang tile sa palengke
• isang slide ng pagtatanghal

Kung mag-e-export ka sa halip na may puting background, maaaring magamit pa rin ang mug, ngunit nililimitahan ng puting parihaba o plate kung saan ito mukhang natural. Ang transparent na bersyon ay nagbibigay sa iyo ng higit pang muling paggamit.

Mga karaniwang pagkakamali

Pagkakamali 1: ipagpalagay na ang puting backdrop ay nangangahulugang transparency

It does not. White is still color information. Transparency is the absence of visible backdrop data.

Mistake 2: thinking the checkerboard is part of the exported file

Kadalasan ito ay isang preview convention lamang. Suriin ang file sa ibang konteksto bago magpasyang may mali.

Pagkakamali 3: pag-export sa isang format na bumababa sa alpha

Kung kailangan mo ng transparency, dapat itong panatilihin ng iyong huling maihahatid. Sa workflow na ito, ibig sabihin ay PNG.

Pagkakamali 4: sinisisi ang PNG para sa masamang mga gilid

Kung ang gilid ay mukhang mahirap, ang isyu ay kadalasang naka-mask na kalidad o kakulangan ng pagpino, hindi ang katotohanan na ang file ay PNG.

Isang mabilis na mesa

Ang plain-English takeaway

Ang isang transparent na PNG ay isa lamang praktikal na paraan upang mapanatili ang paksa habang inaalis ang nakikitang backdrop, para mailagay mo nang malinis ang paksang iyon sa ibang lugar sa ibang pagkakataon.

Iyon ang buong ideya. Opsyonal ang jargon.

Para sa hands-on na daloy ng trabaho, magpatuloy sa Paano gumawa ng transparent na PNG. Para sa bahagi ng input/output, tingnan ang Supported image formats.