Förstå transparens i digitala bilder

Vad är transparens?

I digitala bilder betyder transparens att vissa pixlar kan vara delvis eller helt osynliga. När du placerar en genomskinlig bild på en färgad bakgrund – en webbplats, en design eller en annan bild – visar de genomskinliga områdena vad som än ligger bakom dem istället för en enfärgad.

Transparens är viktigt för logotyper, produktutskärningar, överlägg och alla kompositer där du vill att ditt ämne ska smälta in i ett nytt sammanhang. Bakgrundsborttagning skapar transparens genom att göra den ursprungliga bakgrunden osynlig.

Alfakanalen

RGB vs RGBA

De flesta bilder använder RGB: varje pixel har ett rött, grönt och blått värde som definierar dess färg. Transparenta bilder lägger till ett fjärde värde: Alpha. RGBA betyder röd, grön, blå och alfa. Alfakanalen avgör hur ogenomskinlig eller transparent varje pixel är.

Alfa-värden

Alfa lagras vanligtvis som ett tal från 0 till 255 (eller 0 % till 100 %). 0 = helt transparent (osynlig). 255 = helt ogenomskinlig (fast). Värden däremellan skapar halvtransparens – användbart för mjuka kanter, skuggor och glaseffekter.

Format som stöder transparens

PNG

PNG stöder full alfa (8-bitars eller 16-bitars). Det är det vanligaste formatet för transparenta bilder. PNG är förlustfri, så genomskinlighetskanterna förblir skarpa. Detta är standardexportformatet för borttagning av bakgrund.

WEBP

WEBP stöder transparens med både förlustfri och förlustfri komprimering. Ger ofta mindre filer än PNG med liknande kvalitet. Växande stöd för webbläsare och appar.

GIF

GIF stöder endast binär transparens: en pixel är antingen helt transparent eller helt ogenomskinlig. Ingen halvtransparens. Begränsad till 256 färger, så den är inte idealisk för foton.

TIFF

TIFF stöder alfakanaler och används i professionella arbetsflöden. Mindre vanligt för webbleverans på grund av stora filstorlekar.

HEIC/HEIF

HEIC stöder transparens och är standardformatet på många iPhones. QuickRemove accepterar HEIC som indata och kan mata ut transparenta resultat i PNG eller WEBP.

Format som INTE stöder transparens

JPG/JPEG stöder inte transparens. Transparenta områden fylls vanligtvis med enfärgad (ofta vit) vid konvertering från ett format som stöder alfa. Om du behöver transparens, exportera som PNG eller WEBP.

BMP har begränsat alfastöd i vissa varianter men används sällan för transparenta bilder. Håll dig till PNG eller WEBP för universell kompatibilitet.

Hur transparens fungerar i design och webb

Web

Webbläsare återger transparenta PNG:er och WEBP:er över valfri bakgrund – vit, färgad eller gradient. Det rutmönster som du ser i vissa redigerare är bara en visuell indikator; det syns inte på den slutliga bilden.

Designprogramvara

Verktyg som Photoshop, Figma och Canva stödjer lager med genomskinlighet. Genomskinliga områden släpper igenom de lägre skikten. Exportera som PNG (eller WEBP) för att bevara transparensen när du flyttar tillgångar mellan appar.

Skriva ut

Print har inte "transparens" på samma sätt - du kan inte skriva ut någonting. För utskrift lämnas genomskinliga områden antingen som "knockout" (inget bläck) eller fylls med en angiven bakgrundsfärg. Diskutera med din utskriftsleverantör.

Vanliga missuppfattningar

"Vit bakgrund = genomskinlig"

Nej. En vit bakgrund är ogenomskinlig vit. Verklig transparens betyder ingen färg – pixeln är osynlig. Vissa nybörjare blandar ihop en vit bakgrund med transparens; de är olika.

"Alla bildformat stöder transparens"

Nej. JPG stöder aldrig transparens. Använd PNG eller WEBP när du behöver det.

"Transparens ökar filstorleken mycket"

PNG-filer med genomskinlighet kan vara större än JPG, men själva alfakanalen är inte alltid dubbelt så stor. Kompression hjälper. WEBP uppnår ofta mindre transparenta filer än PNG.

Snabbborttagning och transparens

QuickRemove är en Windows-skrivbordsapp som skapar genomskinliga bilder genom att ta bort bakgrunder. Den matar ut PNG (och kan fungera med WEBP) för att bevara full alfa. Dina utklipp kan placeras på vilken bakgrund som helst i designverktyg, webbplatser eller utskriftsarbetsflöden. All bearbetning sker lokalt – bilder lämnar aldrig din dator.