Formatet GIF

För GIF-formatet används 8-bitarsfärg och enfärgade ytor komprimeras effektivt samtidigt som skarpa detaljer som de i teckningar, logotyper och text bevaras. Du kan även använda GIF-formatet när du vill skapa en animerad bild och bevara genomskinligheten hos en bild. GIF kan användas i de flesta webbläsare.

För GIF-formatet används LZW-komprimering, som är en förlustfri komprimeringsmetod. Eftersom GIF-filer är begränsade till 256 färger medför optimering av en 24-bitarsbild till 8-bitars GIF att färger subtraheras från bilden.

GIF-bild med selektiv färg och GIF-bild med webbfärg
GIF-bild med selektiv färg (vänster) och GIF-bild med webbfärg (höger)

Du kan välja antalet färger i en GIF-bild och styra hur färger gittras i en webbläsare. GIF har stöd för genomskinlig bakgrund och mattad bakgrund, där du blandar bildens kanter med webbsidans bakgrundsfärg.

Formatet PNG-8

För PNG-8-formatet används 8-bitarsfärg. I likhet med GIF-formatet komprimeras enfärgade ytor effektivt med PNG-8-formatet samtidigt som skarpa detaljer som de i teckningar, logotyper och text bevaras.

Eftersom PNG-8 inte stöds i alla webbläsare kanske du vill undvika det formatet när du distribuerar bilden till en bred publik.

För PNG-8-formatet används en mer avancerad komprimeringsmetod än för GIF, och en PNG-8-fil kan vara 10 % till 30 % mindre än en GIF-fil med samma bild, beroende på bildens färgmönster. PNG-8-komprimering för förlustfri men optimering av en 24-bitarsbild till 8-bitars PNG kan medföra att färger subtraheras från bilden.

Obs!

Med vissa bilder, i synnerhet de med enkla mönster och få färger, kan GIF-komprimering ge mindre filer än PNG-8-komprimering. Visa optimerade bilder med GIF- och PNG-8-format för att jämföra filstorleken.

I likhet med GIF-formatet kan du välja antalet färger i en bild och styra hur färger gittras i en webbläsare. PNG-8-formatet har stöd för genomskinlig bakgrund och mattad bakgrund, där du blandar bildens kanter med webbsidans bakgrundsfärg.

we_04
PNG-8 med 256 färger och inget gitter (vänster) och PNG-8 med 16 färger och gitter (höger)

Optimera som GIF- eller PNG-8-format

GIF är standardformat för komprimering av bilder med stora enfärgade områden och skarpa detaljer såsom streckfigurer, logotyper och text. I likhet med GIF-formatet finns stöd för genomskinlighet och enfärgade ytor komprimeras effektivt med PNG-8-formatet samtidigt som skarpa detaljer bevaras. Alla webbläsare har dock inte stöd för PNG-8-filer.

  1. Öppna en bild och välj Arkiv > Spara för webben.
  2. Välj GIF eller PNG-8 på menyn för optimeringsformat.
  3. Om du vill visa en bild med låg upplösning medan den högupplösta bilden hämtas markerar du Sammanflätad. Om du väljer det här alternativet får användarna intrycket att det går fortare att hämta bilden, och ser samtidigt att hämtningen pågår.
  4. Under menyn för optimeringsformat väljer du en färgreduceringsalgoritm för generering av färgtabellen:

    Perceptuell

    Skapa en anpassad färgtabell genom att prioritera färger som det mänskliga ögat är mer känsligt för.

    Selektiv

    Skapa 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 standardvalet.)

    Adaptiv

    Skapa en egen 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änd standardiserad webbsäker färgtabell om 216 färger som är gemensam för panelerna med 8 bitar (256 färger) för Windows och Mac OS. Med det här alternativet säkerställer du att inget webbläsargitter används för färger när bilden visas med 8-bitarsfärg. Om bilden innehåller färre än 216 färger tas oanvända färger bort från tabellen.

  5. Om du vill ange ett maximalt antal färger för färgpanelen väljer du en siffra på menyn Färger, anger ett värde i textrutan eller klickar på pilarna så att färgantalet ändras. Om bilden innehåller färre färger än panelen, återspeglas bildens färre färger i färgtabellen.
  6. Om du väljer Restriktiv (webb) som färgreduceringsalgoritm kan du välja Automatisk på menyn Färger. Välj Automatisk om du vill att det optimala antalet färger i färgtabellen ska fastställas automatiskt i Photoshop Elements baserat på bildens färgfrekvens.
  7. Välj ett procentvärde för gitter genom att ange en siffra i textrutan Gitter eller genom att klicka på menypilen Gitter och dra i det skjutreglage som visas.
  8. Om bilden innehåller genomskinlighet markerar du Genomskinlighet så att genomskinliga pixlar bevaras. Avmarkera Genomskinlighet om du vill fylla helt och delvis genomskinliga pixlar med mattningsfärg.
  9. Om du vill skapa en GIF-animering väljer du Animera.
  10. När du vill spara den optimerade bilden klickar du på OK. I dialogrutan Spara optimerad som skriver du ett filnamn och klickar på Spara.

Skapa en GIF-animering

  1. Montera de bilder du vill ska visas i animeringens rutor i separata lager i panelen Lager. Om du till exempel vill skapa en animering av ett blinkande öga kan du montera en bild av det öppna ögat i ett lager och en bild av det stängda ögat i ett annat lager.
  2. Välj Arkiv > Spara för webben.

    Obs!

    Om bilden innehåller flera lager kan du även öppna dialogrutan Spara för webben från dialogrutan Spara som genom att välja formatet CompuServe GIF och markera Lager som bildrutor.

  3. Optimera bilden med GIF-format.
  4. Välj Animera.
  5. Ange ytterligare alternativ i avsnittet Animering i dialogrutan:

    Upprepningsalternativ

    Upprepa animeringen kontinuerligt i en webbläsare, eller animera endast en gång. Du kan också välja Övrigt och ange antalet gånger som animeringen ska upprepas.

    Bildrutefördröjning

    Ange det antal sekunder som varje bildruta ska visas i en webbläsare. Använd ett decimalvärde om du vill ange delar av en sekund. Använd till exempel ,5 om du vill ange en halv sekund.

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-inlägg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden   |   Onlinesekretesspolicy