Razumijevanje transparentnosti u digitalnim slikama

Šta je transparentnost?

U digitalnim slikama, transparentnost znači da neki pikseli mogu biti djelomično ili potpuno nevidljivi. Kada postavite prozirnu sliku na pozadinu u boji — web stranicu, dizajn ili drugu sliku — prozirna područja prikazuju sve što je iza njih umjesto pune boje.

Transparentnost je neophodna za logotipe, izreze proizvoda, preklapanja i sve kompozite u kojima želite da se vaša tema uklopi u novi kontekst. Uklanjanje pozadine stvara transparentnost tako što originalnu pozadinu čini nevidljivom.

Alfa kanal

RGB vs RGBA

Većina slika koristi RGB: svaki piksel ima crvenu, zelenu i plavu vrijednost koja definira njegovu boju. Transparentne slike dodaju četvrtu vrijednost: Alpha. RGBA znači crvena, zelena, plava i alfa. Alfa kanal određuje koliko je svaki piksel neproziran ili transparentan.

Alfa vrijednosti

Alfa se obično pohranjuje kao broj od 0 do 255 (ili 0% do 100%). 0 = potpuno transparentan (nevidljiv). 255 = potpuno neprozirno (čvrsto). Vrijednosti između stvaraju poluprozirnost — korisno za meke ivice, sjene i efekte stakla.

Formati koji podržavaju transparentnost

PNG

PNG podržava punu alfa (8-bitnu ili 16-bitnu). To je najčešći format za transparentne slike. PNG je bez gubitaka, tako da ivice prozirnosti ostaju jasne. Ovo je standardni format izvoza za uklanjanje pozadine.

WEBP

WEBP podržava transparentnost sa kompresijom sa gubicima i bez gubitaka. Često proizvodi manje datoteke od PNG-a sličnog kvaliteta. Rastuća podrška u svim pretraživačima i aplikacijama.

GIF

GIF podržava samo binarnu transparentnost: piksel je ili potpuno transparentan ili potpuno neproziran. Nema polutransparentnosti. Ograničeno na 256 boja, tako da nije idealno za fotografije.

TIFF

TIFF podržava alfa kanale i koristi se u profesionalnim radnim procesima. Manje uobičajeno za web dostavu zbog velikih veličina datoteka.

HEIC/HEIF

HEIC podržava transparentnost i zadani je format na mnogim iPhone uređajima. QuickRemove prihvata HEIC kao ulaz i može dati transparentne rezultate u PNG ili WEBP.

Formati koji NE podržavaju transparentnost

JPG/JPEG ne podržava transparentnost. Prozirna područja su obično ispunjena jednobojnom bojom (često bijelom) kada se pretvaraju iz formata koji podržava alfa. Ako vam je potrebna transparentnost, izvezite kao PNG ili WEBP.

BMP ima ograničenu alfa podršku u nekim varijantama, ali se rijetko koristi za transparentne slike. Držite se PNG ili WEBP-a za univerzalnu kompatibilnost.

Kako transparentnost funkcionira u dizajnu i webu

Web

Preglednici prikazuju prozirne PNG i WEBP-ove preko bilo koje pozadine - bijele, u boji ili gradijent. Obrazac šahovnice koji vidite u nekim uređivačima je samo vizuelni indikator; ne pojavljuje se na konačnoj slici.

Dizajn softver

Alati kao što su Photoshop, Figma i Canva podržavaju slojeve sa transparentnošću. Prozirna područja omogućavaju da se niži slojevi vide. Izvezite kao PNG (ili WEBP) kako biste sačuvali transparentnost prilikom premještanja sredstava između aplikacija.

Print

Štampa nema "transparentnost" na isti način — ne možete ništa da štampate. Za štampanje, prozirne oblasti su ili ostavljene kao "knockout" (bez mastila) ili ispunjeno određenom bojom pozadine. Razgovarajte sa svojim dobavljačem štampe.

Uobičajene zablude

"Bijela pozadina = transparentna"

Ne. Bijela pozadina je neprozirna bijela. Prava transparentnost znači da nema boje – piksel je nevidljiv. Neki početnici brkaju bijelu pozadinu s prozirnošću; oni su drugačiji.

"Svi formati slika podržavaju transparentnost"

Ne. JPG nikada ne podržava transparentnost. Koristite PNG ili WEBP kada vam zatreba.

"Transparentnost znatno povećava veličinu fajla"

PNG datoteke s transparentnošću mogu biti veće od JPG-a, ali sam alfa kanal ne udvostručuje uvijek veličinu. Kompresija pomaže. WEBP često postiže manje transparentne datoteke od PNG.

QuickRemove i Transparency

QuickRemove je Windows desktop aplikacija koja kreira transparentne slike uklanjanjem pozadine. On emituje PNG (i može raditi sa WEBP-om) kako bi sačuvao punu alfa verziju. Vaši izrezi se mogu postaviti na bilo koju pozadinu u dizajnerskim alatima, web stranicama ili u radnim tokovima štampanja. Sva obrada se odvija lokalno — slike nikada ne napuštaju vaš računar.