Skapa bilder med genomskinliga bakgrunder – Formatet PNG

Varför ska jag använda genomskinliga bilder?

Om du vill ha en bild som ska ligga på en färgad bakgrund eller på en bakgrundsbild så är det bra att låta kanterna på bilden vara genomskinlig. Detta gör du genom att använda formatet PNG. PNG står för Portable Network Graphics och är ett bildfilformat som tillåter genomskinliga och halvgenomskinliga pixlar.

Bilden nedan är en skärmbild av hur E37 Smart E-handels logotyp i png-format ser ut på två olika bakgrundsfärger samt på en bakgrundsbild med en övertoning.

Om logotypen istället varit i ett filformat utan genomskinlighet med vit bakgrund så skulle resultatet bli som nedan.

Exempel i en E37-butik: På Länna Sport har man en logotyp för varumärken liggande i övre vänstra hörnet, över artikelns bild. På bilden nedan en jacka av märket Snoot. Om artikelns bild täcker det hörnet, eller om man som i exemplet nedan till höger har zoom aktiverat i sin butik, så täcker ibland varumärkets logotyp bilden. Det ser då snyggare ut om logotypen har genomskinlig bakgrund.

Arbeta med genomskinlighet

De allra flesta bildredigeringsprogram stödjer genomskinlighet och png-format.

Exakt hur editering av genomskinlighet fungerar varierar så klart beroende på vilket program du arbetar i. Men de flesta bildprogram använder ett grå-vitt rutnät för att symbolisera genomskinlighet. Bilden nedan visar hur gratisprogrammet från getpaint.net (som inte har något att göra med Microsoft Paint) visar vår logotyp på en genomskinlig bakgrund. Rutnätet är alltså inte en del av bilden utan visar endast att bilden är genomskinlig där.

Spara som .png

Beroende på bildredigeringsprogram sparar man bilden som .png på lite olika sätt.

I Photoshop väljer du Spara för webben (Ctrl+Shift+Alt+S) och sedan PNG-24 som format. Se till att rutan Genomskinlighet (Transparency) är ikryssad.

I paint.net väljer du Spara som (Ctrl+Shift+S) och väljer PNG som filformat. Om du har flera lager så kommer programmet att behöva förena lager när du sparar. Spara därför gärna lagren först i .pdn (paint.nets egna format) om det är troligt att du kommer vilja arbeta vidare med lagren senare.