Från kursen: Bildleverans

Använd filformatet PNG för genomskinliga bilder

Lås upp avsnittet

För att kunna se avsnittet behöver du ha tillgång till kursen via ett medlemskap. Köp medlemskap

Använd filformatet PNG för genomskinliga bilder

Från kursen: Bildleverans

Lär dig hur du behåller transparensen i bilder som delvis är genomskinliga så du slipper en vit ruta i bakgrunden.
Köp medlemskap
På webben så händer det ibland att saker ska ha en genomskinlig bakgrund. Oftast är det enkla grafiska element som knappar och logotyper men emellanåt också mer fotografiska bilder. Du vill ju inte att det här händer bara för att någon byter ut bakgrundsfärgen på en webbsida. Lightroom fixar inte sånt här, i listan över tillgängliga exportformat så finns det inget webbvänligt format som stödjer transparens, så här tvingas jag att ta skuttet över till Photoshop och utnyttja funktionen Spara för webben istället. Här inne kan jag spara min bild i lite olika format som du ser. JPEG stödjer inte transparens så det är uteslutet i det här fallet. Den här Wireless Bitmap, den förstår bara svart och vitt så den är inte heller aktuell. Det finns egentligen tre kandidater här, GIF, PNG-8 och PNG-24. Alla de här tre förekommer på nätet och för enkla element så blir det ingen direkt skillnad, så grafik fungerar bra i både GIF och PNG. Men har du fotografiska bilder så kan färgerna ställa till det lite grann. GIF och PNG-8 kan nämligen bara hantera maximalt 256 färger. Medan PNG-24 klarar av lika många som JPEG, alltså miljontals färger. Hur dåligt blir det med bara 256 färger? Det beror lite på, vissa motiv tål det bättre än andra. Har du många övertoningar, alltså färger som tonar in i varandra, så kan det framträda ganska tydligt. Zoomar du in så ser du ofta en rejäl skillnad och din bild se inte alls särskilt snygg ut. Men i 100% så kan det här faktiskt vara ganska förlåtande. Så stirra dig inte blind på det för i slutändan så är det ändå en avvägning. För varför kör jag inte alltid PNG-24 som klarar av så många färger? Jo, filstorleken drar snabbt iväg. Som du vet, onödigt stora filer vill jag ju inte ha. Det här är förresten också anledningen till att jag aldrig skulle överväga PNG framför JPEG när jag inte har med transparens att göra. För PNG har en förlustfri komprimering och kan inte riktigt tävla med JPEG när det gäller filtorlek. Sen finns det ett annat specialfall som jag också vill nämna. Har du exempelvis en skugga under en bild så får du ju en varierande transparens. Det här klarar varken GIF eller PNG-8 av. Formatet PNG-8 klarar av det egentligen men inte just i den varianten som finns i Photoshop kanske är bäst att tillägga. Här måste du alltså använda PNG-24 för att det ska se bra ut och då får du då som sagt den här ökade filstorleken. För att sammanfatta så är alltså JPEG det självklara formatet för alla fotografiska webb-bilder som inte innehåller transparens. Har du transparens då väljer du mellan PNG-8 eller PNG-24. PNG-8 om du vill ha små filer och tål lite sämre färgåtergivning och PNG-24 om kvalitén är mycket viktigare för dig än små filer. Slutligen, har du varierande transparens så är PNG-24 det enda alternativet.

Så tycker våra medlemmar

Läs alla omdömen om Foto