Exportera bild i Photoshop: Välj rätt format för webben

Att exportera bild i Photoshop gör du när bilden ska användas utanför programmet, på en webbsida, i ett mejl eller i en app. Formatet du väljer avgör två saker: hur stor filen blir och hur mycket kvalitet den tappar. För fotografier är JPEG eller WebP oftast rätt. För grafik med platta färger och transparens är PNG ofta bättre. Här går vi igenom varje format och hur du väljer.

Varför exporten är ett eget steg

En Photoshop-fil innehåller lager, justeringar och masker. När du exporterar får du en platt bild som bara innehåller pixlarna. Därför är det vanligt att behålla arbetsfilen och skicka iväg en kopia. Då kan du ändra något senare utan att börja om från början. Om du vill förstå hur lager fungerar när du redigerar utan att förstöra originalet kan du läsa vår guide om lagermasker i Photoshop.

JPEG: för fotografier

JPEG är en standard för främst destruktiv komprimering av digitala bilder, särskilt fotografiska. Bilden delas upp i block om 8 × 8 pixlar, transformeras med en diskret cosinustransform och kvantiseras. På fotografier kan JPEG ge en liten fil med god kvalitet. Det som försvinner går inte att få tillbaka. Därför bör du inte spara en JPEG om och om igen. Varje ny komprimering lägger på fler förluster.

JPEG passar sämre för ritningar, logotyper och datorgenererad grafik med raka linjer och skarp kontrast. Där kan kompressionen bli synlig runt kanterna. Filändelserna .jpg och .jpeg används för samma format.

PNG: för grafik och transparens

PNG är ett förlustfritt format. Bilden blir exakt likadan när filen packas upp som innan den komprimerades. PNG fungerar bäst på bilder med stora enfärgade ytor, som ikoner, logotyper och skärmbilder med text. PNG har en alfakanal för transparens, så bakgrunden syns igenom där pixlarna är genomskinliga.

PNG kan lagra färg med upp till 48 bitar per pixel i RGB, eller använda en palett med upp till 256 färger. Fotografier i PNG blir ofta stora filer. Komprimeringen når inte i närheten av den grad som JPEG klarar på foton. Om en logotyp ska ligga ovanpå en bild på en webbsida är PNG därför ett naturligt val.

WebP: ett alternativ till JPEG och PNG

WebP är ett format från Google som stöder både destruktiv och förlustfri komprimering. WebP ger i snitt 39 procent mindre filstorlek än JPEG, med samma kvalitet. Formatet stöder transparens, ICC-profil, animering och metadata som EXIF och XMP. Det är därför ett bra val när du vill ha liten fil och transparens i samma format.

WebP är inte lika universellt som JPEG och PNG. Innan du väljer det, kontrollera att mottagaren, det vill säga webbplatsen, appen eller mejlprogrammet, öppnar WebP. Om du är osäker är JPEG för foton och PNG för grafik fortfarande det säkra valet.

GIF: när bilden ska röra sig

GIF är ett äldre format. Det kan bara innehålla 256 färger, så det passar inte fotografier. Formatet används främst för animationer. PNG kan inte visa animation. APNG och MNG är utökningar av PNG som gör det, och WebP kan också innehålla animering. Om du vill göra en animerad bild från flera lager finns en steg-för-steg-guide i skapa GIF i Photoshop.

Så exporterar du bild i Photoshop steg för steg

1. Ska bilden vara ett foto? Välj JPEG eller WebP. Börja med en måttlig kvalitetsnivå och jämför resultatet med originalet.
2. Innehåller bilden text, linjer, en logotyp eller behöver den transparens? Välj PNG. WebP fungerar också om mottagaren stöder det.
3. Ska bilden röra sig? Välj GIF, eller ett animationsformat som mottagaren kan visa.
4. Ändra storlek före export om bilden ska visas mindre. Läs om hur du gör det i ändra storlek på bild i Photoshop.
5. Spara alltid en kopia. Behåll arbetsfilen med lager i ett eget format, och exportera en ny fil för användningen.
6. Öppna den exporterade filen och jämför den med originalet i 100 procent zoom. Titta på kanter, text och jämna färgytor.

Namnen på menyer och dialogrutor skiljer sig mellan Photoshop-versioner. Följ den exportdialog som ditt program visar. Den här guiden handlar om vilket format du väljer, inte om var knapparna sitter.

Vanliga misstag när du exporterar bild i Photoshop

Det vanligaste misstaget är att spara en JPEG flera gånger. Varje sparning komprimerar bilden på nytt, och kvaliteten sjunker. Arbeta i arbetsfilen och exportera först när allt är klart.

Det andra misstaget är att använda JPEG för en logotyp. Kanterna blir fransiga och det går inte att ha transparent bakgrund. Då ska du välja PNG.

Det tredje misstaget är att använda PNG för fotografier. Filen blir stor utan att kvaliteten ökar i motsvarande grad. För foton är JPEG eller WebP normalt rätt.

Vanliga frågor

Vilket format är bäst för webben?

Det finns inget enda svar. För foton är JPEG eller WebP vanligast. För grafik med transparens är PNG eller WebP rätt. Välj WebP bara om mottagaren visar det.

Förlorar PNG kvalitet?

Nej. PNG är förlustfritt, så bilden blir identisk med originalet när den packas upp. Det som kan bli större är filstorleken.

Kan jag använda GIF för foton?

Nej. GIF kan bara innehålla 256 färger, så fotografier blir fördärvade. Använd JPEG eller WebP för foton.

Är JPEG och JPG samma sak?

Ja. Det är samma format, och filändelserna .jpg och .jpeg används båda.

Källor

• JPEG på Wikipedia
• PNG på Wikipedia
• WebP på Wikipedia
• GIF på Wikipedia
• Adobe Photoshop på Wikipedia