Optimeringsalternativ för bilder och animerade GIF-filer

Webbgrafikformat kan vara antingen bitmapp (raster) eller vektor. Bitmappsformat – GIF, JPEG och PNG – är upplösningsberoende, vilket innebär att en bitmappsbilds dimensioner och eventuellt dess bildkvalitet ändras vid olika skärmupplösningar. Vektorformat – SVG och SWF – är upplösningsoberoende och kan skalas upp eller ned utan att bildkvaliteten påverkas. Vektorformaten kan också omfatta rasterdata. 

JPEG-optimeringsalternativ

JPEG är standardformatet för komprimering av halvtonsbilder som fotografier. Optimering av en bild i JPEG-format bygger på förlustkomprimering där data selektivt kasseras.

Avgör komprimeringsnivån. Ju högre kvalitetsinställning du väljer, desto mer detaljskärpa bevaras av komprimeringsalgoritmen. När du använder en hög kvalitetsinställning får du emellertid större filstorlek än om du använder en lägre kvalitetsinställning. Visa den optimerade bilden med flera kvalitetsinställningar så att du kan hitta den bästa balansen mellan kvalitet och filstorlek.

Skapar en bättre JPEG-fil med något mindre storlek. Det optimerade JPEG-formatet rekommenderas för maximal filkomprimering. Vissa äldre webbläsare stödjer dock inte den här funktionen.

Visar bilden progressivt i webbläsaren. Bilden visas som en serie övertäckningar; det som syns är en lågupplöst version av bilden innan den hämtas helt och hållet. För alternativet Progressiv måste du använda det optimerade JPEG-formatet.

 Progressiva JPEG-bilder kräver mer RAM-minne för visning, och de stöds inte av vissa webbläsare.

Anger mängden oskärpa som ska användas på bilden. Det här alternativet ger samma effekt som filtret Gaussisk oskärpa och gör att filen kan komprimeras mer, vilket ger mindre filstorlek. En inställning mellan 0,1 och 0,5 rekommenderas.

Bevarar färgprofiler i den optimerade filen. Vissa webbläsare använder färgprofiler för färgkorrigering.

Anger en fyllningsfärg för pixlar som är genomskinliga i originalbilden. Klicka på färgrutan Matt och välj en färg i färgväljaren, eller välj ett alternativ på menyn Matt: Pipettfärg (om du vill använda färgen i pipettens provruta), Förgrundsfärg, Bakgrundsfärg, Vit, Svart eller Annan (om du vill använda färgväljaren).

Pixlar som är helt genomskinliga i originalbilden fylls med den valda färgen. Pixlar som är delvis genomskinliga i originalbilden blandas med den valda färgen.

Optimeringsalternativ för GIF och PNG-8

GIF är standardformatet för komprimering av bilder med enkla färger och skarpa detaljer, till exempel linjeteckningar, logotyper och illustrationer med text. Liksom GIF innebär formatet PNG-8 effektiv komprimering av enfärgade områden samtidigt som skarpa detaljer bevaras.

PNG-8- och GIF-filer har stöd för 8-bitarsfärg och kan alltså visa högst 256 färger. Processen för att bestämma vilka färger som ska användas kallas indexering (det är därför bilder i GIF- och PNG-8-format ibland kallas indexerade färgbilder). När en bild konverteras till indexerad färg skapas en färgtabell, där färgerna i bilden lagras och indexeras. Om originalbilden innehåller en färg som inte förekommer i färgtabellen väljs antingen den färg som är närmast i tabellen, eller så simuleras färgen med en kombination av tillgängliga färger.

Förutom att använda följande alternativ kan du även justera antalet färger i färgtabellen för bilden.

Komprimerar filstorleken genom att en del information tas bort. Ju högre inställningen för Förlust är, desto mer data kasseras. Du kan ofta använda ett förlustvärde på 5–10, och ibland upp till 50, utan att bilden försämras. Alternativet Förlust kan minska filstorleken med mellan 5 och 40 procent.

 Alternativet Förlust kan inte användas tillsammans med alternativet Sammanflätad eller med algoritmen Brus eller Mönstergitter.

Anger en metod för att skapa färgtabellen och hur många färger den ska innehålla. Du kan välja någon av följande färgreduceringsmetoder:

Perceptuell Skapar en egen färgtabell genom att prioritera färger som det mänskliga ögat är mest mottagligt för.

Selektiv Skapar en färgtabell som påminner om färgtabellen Perceptuell, men prioriterar stora färgområden och bevarande av webbfärger. Den här färgtabellen ger vanligen bilderna högst färgtrohet. Selektiv är standardalternativet.

Adaptiv Skapar en anpassad färgtabell genom en jämn fördelning av färgerna från det spektrum som är vanligast i bilden. En bild med bara grönt och blått ger t.ex. en färgtabell som framför allt består av gröna och blå färger. I de flesta bilder är färgerna koncentrerade i vissa delar av spektrumet.

Restriktiv (webb) Använder den standardiserade färgtabellen med 216 färger som brukar användas i paletter i Windows och Mac OS 8-bitars (256 färger). Det här alternativet gör att inget webbläsargitter används på färgerna när bilden visas med 8-bitarsfärg. (Paletten kallas också den webbsäkra färgpaletten.) Eftersom filerna kan bli stora om du använder webbpaletten bör du använda den bara då det är viktigt att undvika gittereffekter i webbläsaren.

Egen Använder en färgpalett som du själv skapat eller ändrat. Om du öppnar en befintlig GIF- eller PNG-8-fil har den en egen färgtabell.

 Du kan anpassa färgtabellen på paletten Färgtabell i dialogrutan Spara för webben och enheter.

Svartvit, Gråskala, Mac OS, Windows Använder en färdig färgpalett.

Avgör metod och mängd för gitter i program. Gitter är ett sätt att simulera färger som inte finns i färgvisningssystemet på din dator. Om du väljer ett högre gitterprocentvärde ser bilden ut att innehålla fler färger och detaljer, men det kan också öka filstorleken. För optimal komprimering använder du det lägsta procentvärde för gitter som ger den färgdetaljskärpa du vill ha. Bilder som framför allt innehåller rena färger kan fungera bra utan gitter. Bilder som innehåller halvtonsfärger (särskilt färgövertoningar) kan kräva gitter för att det inte ska uppstå randiga störningar.

Du kan välja någon av följande gittermetoder:

Diffusion Använder ett slumpmässigt mönster som vanligen är mindre framträdande än mönstergitter. Gittereffekterna sprids över närliggande pixlar.

Mönster Använder ett rasterliknande fyrkantsmönster för att simulera alla färger som saknas i färgtabellen.

Brus Använder ett slumpmässigt mönster som liknar diffusionsgitter, men mönstret sprids inte över närliggande pixlar. Om du använder brusgitter uppstår inga skarvar.

Avgör hur genomskinliga pixlar i bilden ska optimeras.

• Om du vill göra helt genomskinliga pixlar genomskinliga och tona delvis genomskinliga pixlar med en färg, väljer du Genomskinlighet och sedan en matt färg.

• Om du vill fylla helt genomskinliga pixlar med en färg och tona delvis genomskinliga pixlar med samma färg, väljer du en matt färg och avmarkerar Genomskinlighet.

• Du väljer en färg för projektionsytan genom att klicka på färgrutan Projektionsyta och välja en färg i färgväljaren. Du kan också välja ett alternativ på menyn Matt: Pipettfärg (om du vill använda färgen i pipettens provruta), Förgrundsfärg, Bakgrundsfärg, Vit, Svart eller Annan (om du vill använda färgväljaren).

 Alternativen Förgrundsfärg och Bakgrundsfärg är endast tillgängliga i Photoshop.

A. Originalbild B. Genomskinlighet markerat med en matt färg C. Genomskinlighet markerat utan matt effekt D. Genomskinlighet avmarkerat med matt färg

När alternativet Genomskinlighet är markerat kan du välja en gittermetod för delvis genomskinliga pixlar:

• Inget genomskinlighetsgitter innebär att inget gitter används på delvis genomskinliga pixlar i bilden.

• Diffusionsgitter för genomskinlighet innebär att ett slumpmässigt mönster som vanligen är mindre framträdande än mönstergitter används. Gittereffekterna sprids över närliggande pixlar. Om du väljer denna algoritm ska du även välja ett gitterprocentvärde som avgör mängden gitter som används i bilden.

• Mönstergitter för genomskinlighet innebär att ett rasterliknande fyrkantsmönster används på delvis genomskinliga pixlar.

• Brusgitter för genomskinlighet innebär att ett slumpmässigt mönster som liknar diffusionsalgoritmen används, men mönstret sprids inte över närliggande pixlar. Om du använder brusalgoritmen uppstår inga skarvar.

Innebär att en lågupplöst version av bilden visas i webbläsaren medan den kompletta bildfilen läses in. Om du väljer det här alternativet får användarna intryck av att det går fortare att hämta bilden och ser samtidigt att hämtningen pågår. Däremot ökas filstorleken.

Anger en toleransnivå för byte av färg till den närmaste motsvarigheten på webbpaletten (och förhindrar att gitter används på färger i en webbläsare). Om du anger ett högre värde byts fler färger ut.

Optimera genomskinlighet i GIF- och PNG-bilder

Med hjälp av genomskinlighet kan du skapa icke-rektangulära bilder för webben. Bakgrundsgenomskinlighet bevarar genomskinliga pixlar i bilden.

Det gör att webbsidans bakgrund visas genom bildens genomskinliga områden. Bakgrundsprojektion simulerar genomskinlighet genom att fylla eller blanda genomskinliga pixlar med en matt färg som matchar webbsidans bakgrund. Bakgrundsprojektion fungerar bäst om webbsidans bakgrund är enfärgad och du vet vilken färg det är.

Använd alternativen för Genomskinlighet och Matt i dialogrutan Spara för webben och enheter om du vill ange hur genomskinliga pixlar ska optimeras i GIF- och PNG-bilder.

• (GIF och PNG-8) Om du vill göra helt genomskinliga pixlar genomskinliga och tona delvis genomskinliga pixlar med en färg, väljer du Genomskinlighet och sedan en matt färg.
• Om du vill fylla helt genomskinliga pixlar med en färg och tona delvis genomskinliga pixlar med samma färg, väljer du en matt färg och avmarkerar Genomskinlighet.
• (GIF och PNG-8) Om du vill göra de pixlar som har mer än 50 % genomskinlighet helt genomskinliga och de pixlar som har 50 % genomskinlighet eller mindre helt ogenomskinliga, väljer du först Genomskinlighet och sedan Ingen på menyn Matt.
• (PNG‑24) Om du vill spara en bild med flera nivåer av genomskinlighet (upp till 256 nivåer) väljer du Genomskinlighet. Alternativet Projektionsyta är inaktiverat eftersom genomskinlighet på flera nivåer gör det möjligt att tona en bild med valfri bakgrundsfärg.

 I webbläsare där PNG‑24-genomskinlighet inte kan användas, kan genomskinliga pixlar kanske visas mot en standardbakgrundsfärg, till exempel grå.

Du väljer en färg för projektionsytan genom att klicka på färgrutan Projektionsyta och välja en färg i färgväljaren. Du kan också välja ett alternativ på menyn Matt: Pipettfärg (om du vill använda färgen i pipettens provruta), Förgrundsfärg, Bakgrundsfärg, Vit, Svart eller Annan (om du vill använda färgväljaren).

 Alternativen Förgrundsfärg och Bakgrundsfärg är endast tillgängliga i Photoshop.

Visa färgtabellen för ett optimerat segment

Färgtabellen för ett segment visas på panelen Färgtabell i dialogrutan Spara för webben och enheter.

Markera ett segment som är optimerat i GIF- eller PNG-8-format. Färgtabellen för det valda segmentet visas i färgtabellen i Spara för webben och enheter.

Om en bild innehåller flera segment kan färgerna i färgtabellen variera mellan olika segment (du kan förhindra det genom att först länka segmenten). Om du markerar flera segment som utnyttjar olika färgtabeller är färgtabellen tom och meddelandet ”Blandad” visas i statusfältet.

Anpassa färgtabellen för GIF- och PNG-8-bilder

Med färgtabellen i dialogrutan Spara för webben och enheter kan du anpassa färgerna i optimerade GIF- och PNG‑8-bilder. Genom att minska antalet färger kan du ofta få ned filstorleken utan att försämra bildens kvalitet.

Du kan lägga till och ta bort färger i färgtabellen, byta ut markerade färger mot webbkompatibla färger och låsa markerade färger för att förhindra att de tas bort från paletten.

Sortera en färgtabell

Välj en sorteringsordning på palettmenyn Färgtabell:

• Osorterad återställer den ursprungliga sorteringsordningen.
• Sortera efter nyans sorterar färgerna efter deras plats i standardfärgcirkeln (uttryckt som en gradangivelse mellan 0 och 360). Neutrala färger får nyansen 0 och placeras tillsammans med röda nyanser.
• Sortera efter luminiscens sorterar färgerna efter deras ljusstyrka eller intensitet.
• Sortera efter popularitet sorterar färgerna efter hur mycket de förekommer i bilden.

Lägga till en ny färg i färgtabellen

Du kan lägga till färger som utelämnades när färgtabellen skapades. När du lägger till en färg i en dynamisk tabell byts den färg i paletten ut som är närmast den nya färgen. När du lägger till en färg i en fast eller egen tabell läggs ytterligare en färg till i tabellen.

Välja färger i färgtabellen

En vit ram visas runt de valda färgerna i Färgtabell.

• Välj en färg genom att klicka på den i färgtabellen.
• Du kan markera flera färger samtidigt i färgtabellen genom att hålla ned Skift och klicka på ytterligare en färg. Alla färger i raderna mellan den första och den andra färgen som du klickade på markeras. Om du vill välja färger som inte finns bredvid varandra trycker du ned Ctrl (Windows) eller Kommando (Mac OS) och klickar på respektive färg. På palettmenyn Färgtabell finns även kommandon för att välja färger.
• Om du vill välja en färg i förhandsvisningsbilden klickar du med pipettverktyget i förhandsvisningen i dialogrutan Spara för webben och enheter. Skift-klicka om du vill markera fler färger.
• Om du vill avmarkera alla färger väljer du Avmarkera alla färger på palettmenyn Färgtabell.

Byta ut en färg

Du kan ändra en markerad färg i färgtabellen till något annat RGB-färgvärde. När du genererar om den optimerade bilden byts den markerade färgen ut mot den nya färgen överallt där den förekommer i bilden.

Byta ut färger mot de närmaste motsvarigheterna på webbpaletten

Om du vill förhindra att gitter används för färgerna i en webbläsare, byter du ut dem till de närmaste motsvarigheterna på webbpaletten. Det här gör att gitter inte används för färgerna när de visas i webbläsare i Windows- och Macintosh-operativsystem som bara kan visa 256 färger.

Omvandla färger till genomskinlighet

Du kan lägga till genomskinlighet i en optimerad bild genom att omvandla befintliga färger till genomskinlighet.

Låsa eller låsa upp en färg

Du kan låsa markerade färger i färgtabellen om du vill förhindra att de raderas när antalet färger minskas och om du vill förhindra att gitter används för dem i programmet.

 Du kan inte förhindra att gitter används för färgerna i en webbläsare genom att låsa dem.

Ta bort valda färger

Du kan ta bort markerade färger från färgtabellen om du vill minska bildfilens storlek. När du tar bort en färg så återges områden av den optimerade bilden som tidigare innehöll den nu borttagna färgen med hjälp av den färg på paletten som är närmast.

När du tar bort en färg blir färgtabellen automatiskt en egen palett. Det beror på att paletterna Adaptiv, Perceptuell och Selektiv automatiskt lägger till den borttagna färgen på paletten igen när du optimerar om bilden. En egen palett förändras däremot inte när du optimerar om bilden.

Spara en färgtabell

Du kan spara färgtabeller från optimerade bilder för att använda dem med andra bilder och för att läsa in färgtabeller som har skapats i andra program. När du läser in en ny färgtabell i en bild ändras färgerna i den optimerade bilden till färgerna i den nya färgtabellen.

Läsa in en färgtabell

PNG‑24-optimeringsalternativ

Filformatet PNG-24 är lämpligt för komprimering av halvtonsbilder, men det skapar mycket större filer än JPEG-formatet. Fördelen med PNG-24 är att det kan bevara upp till 256 nivåer av genomskinlighet i en bild.

Anger hur genomskinliga pixlar i bilden ska optimeras.

Innebär att en lågupplöst version av bilden visas i webbläsaren medan den kompletta bildfilen läses in. Om du väljer det här alternativet får användarna intryck av att det går fortare att hämta bilden och ser samtidigt att hämtningen pågår. Däremot ökas filstorleken.