
Ilustrasyon ng editoryal na binuo ng AI; hindi isang aktwal na resulta ng pagproseso.
Transparent na Background PNG: Paano Mag-export at Magsuri ng Cutout ng Larawan
Unawain ang transparency ng PNG, iwasan ang mga puting background at mga screenshot ng checkerboard, at i-verify ang isang cutout ng larawan bago mo ito gamitin sa isang disenyo.
Ang isang transparent na background PNG ay nagbibigay-daan sa lugar sa paligid ng isang paksa na ipakita ang anumang nasa likod nito. Maaaring maupo ang isang logo sa isang may kulay na slide, o maaaring lumitaw ang isang produkto sa iba't ibang disenyo nang walang dalang puting parihaba kasama nito.
Ang mahalagang salita ay transparent. Ang pag-save ng isang ordinaryong larawan bilang PNG ay hindi nag-aalis ng background nito, at ang isang screenshot ng isang checkerboard preview ay hindi nagpapanatili ng transparency.
Ang pag-alis ng background at pag-export ng file ay dalawang hakbang
Una, tinutukoy ng isang pang-alis ng background ng larawan kung aling mga pixel ang nabibilang sa paksa. Pagkatapos ay dapat panatilihin ng pag-export ang impormasyon ng transparency. Ang isang file ay maaaring pumasa sa unang hakbang sa isang editor at mawala ang resulta kapag ito ay na-flatten sa isang solidong canvas.
Inilalarawan ng MDN PNG format guide ang suporta ni PNG para sa alpha transparency. Pinapayagan ng Alpha ang bahagyang pati na rin ang kumpletong transparency, na mahalaga para sa malambot na mga gilid. Ang isang puting background ay isang nakikitang kulay lamang, hindi isang alternatibong pangalan para sa mga transparent na pixel.
Piliin ang resulta na kailangan ng iyong proyekto
| Resulta | Angkop na paggamit | Pangunahing pag-iingat |
|---|---|---|
| Transparent na cutout | Muling paggamit ng paksa sa iba't ibang background | Panatilihin ang isang pag-export gamit ang alpha |
| Paksa na binubuo sa puti | Isang panghuling layout na partikular na nangangailangan ng puti | Hindi mo maaaring malayang baguhin ang background sa ibang pagkakataon |
| Ang paksa ay pinagsama-sama sa isang larawan | Isang tapos na disenyo o social graphic | Panatilihin din ang hiwalay na ginupit |
| Screenshot ng isang checkerboard preview | Ipinapakita kung ano ang hitsura ng interface sa pag-edit | Ang grid ay maaaring maging permanenteng nilalaman ng imahe |
Para sa isang listahan ng produkto, sundin ang aktwal na mga panuntunan ng larawan ng destinasyon. Ang isang transparent na master ay nagbibigay sa iyo ng flexibility, ngunit ang isang partikular na marketplace ay maaaring gusto ng isang tapos na background. Huwag ipagpalagay na ang isang pag-export ay perpekto para sa bawat channel.
I-verify ang iyong PNG sa isang tunay na komposisyon
- I-export ang aktwal na naprosesong larawan, hindi isang screenshot ng page.
- Ilagay ito sa isang puspos na kulay sa iyong application ng disenyo.
- Baguhin ang background sa itim at pagkatapos ay puti.
- Tingnan ang mga sulok ng larawan at ang espasyo sa paligid ng paksa.
- Suriin ang mga semi-transparent na gilid sa normal na laki ng display.
Kung mananatili ang isang puting parihaba, suriin kung ang pag-export ay na-flatten o kung ang pinagmulang background ay hindi kailanman inalis. Kung ang isang gray na grid ay gumagalaw kasama ang imahe, maaari itong i-bake sa file. Ang pagbabalik sa orihinal na cutout ay mas mahusay kaysa sa pagsubok na burahin ang isang grid mula sa isang screenshot.
Panatilihin ang detalye nang hindi pinapanatili ang lumang eksena
Ang buhok, translucent na tela, at salamin ay maaaring maglaman ng bahagyang nakikitang mga kulay ng background. Ang isang mukhang malinis na matigas na balangkas ay hindi palaging isang magandang kapalit para sa mga detalyeng iyon. Ihambing ang resulta sa pinagmulan at gamitin ang checklist ng kalidad ng gilid ng larawan upang magpasya kung ang isang palawit ay isang problema sa pinagmulan, isang problema sa cutout, o isang hindi pagkakatugma sa bagong background.
Panatilihin ang pinakamataas na kalidad na pinagmulan at isang transparent na master. Baguhin ang laki ng isang hiwalay na kopya para sa panghuling disenyo. Ang paulit-ulit na pag-export at pagpoproseso ng isang maliit na larawan ay hindi makakabawi ng nawawalang detalye.
Still image o gumagalaw na paksa?
PNG ay kapaki-pakinabang para sa isang larawan; hindi ito kapalit ng isang buong gumagalaw na video. Ang transparency ng video ay nangangailangan ng isang katugmang video export at player. Kung kailangang lumipat ang iyong paksa, magsimula sa gabay sa pag-alis ng background ng video.
Nakatuon ang MVP ni CutoutFox sa pag-alis ng background ng larawan at video. Suriin ang live na tool ng imahe para sa mga aktwal na pagpipilian at limitasyon sa output nito, pagkatapos ay galugad ang CutoutFox nang nasa isip ang tamang pag-export.
Higit pang mga Post

Paano Mag-alis ng Background ng Larawan Nang Hindi Nawawala ang Paksa
Matuto ng workflow ng pag-alis ng background ng larawan para sa mga portrait at produkto: maghanda ng pinagmulang larawan, suriin ang mga gilid, at pumili ng transparent na pag-export.


Pag-alis ng Background ng Larawan ng Produkto: Isang Pare-parehong Trabaho ng Catalog
Maghanda ng mga larawan ng produkto para sa pag-aalis ng background, panatilihin ang mga tapat na detalye ng produkto, at gumawa ng pare-parehong mga larawan sa listahan na may magagamit muli na transparent na master.


Bakit Nagpapakita ng Itim na Background ang Iyong Transparent na Video
I-troubleshoot ang mga itim na background sa transparent na video: makilala ang mga limitasyon ng player, nawawalang alpha, flattened na pag-export, at hindi sinusuportahang pag-import.

Newsletter
Sumali sa komunidad
Mag-subscribe sa aming newsletter para sa mga pinakabagong balita at update