Optimera bilder för formaten GIF och PNG-8

Senast uppdaterad den 17 maj 2022

Formatet GIF

GIF-formatet använder 8-bitars färg och komprimerar på ett effektivt sätt enfärgade ytor samtidigt som skarpa detaljer som de i linjekonst, logotyper eller typsnitt bevaras. Du använder också GIF-formatet för att skapa en animerad bild och bevara genomskinlighet i en bild. GIF stöds av de flesta webbläsare.

GIF-formatet använder LZW-komprimering, vilket är en förlustfri komprimeringsmetod. Men eftersom GIF-filer är begränsade till 256 färger kan optimering av en ursprunglig 24-bitars bild som en 8-bitars GIF ta bort färger från en bild.

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 kontrollera hur färgerna dithras i en webbläsare.GIF stöder bakgrundstransparens eller bakgrundsmattning, där du blandar bildkanterna med en webbsidas bakgrundsfärg.

Formatet PNG-8

PNG-8-formatet använder 8-bitars färg. Precis som GIF-formatet komprimerar PNG-8 på ett effektivt sätt områden med heldragen färg samtidigt som skarpa detaljer som de i linjeteckningar, logotyper eller typsnitt bevaras.

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

PNG-8-formatet använder mer avancerade komprimeringsscheman än vad GIF gör, och en PNG-8-fil kan vara 10 % till 30 % mindre än en GIF-fil av samma bild, beroende på bildens färgmönster. Även om PNG-8-komprimering är förlustfri kan optimering av en ursprunglig 24-bitars bild som en 8-bitars PNG-fil ta bort färger från bilden.

Obs!

Med vissa bilder, särskilt de med enkla mönster och få färger, kan GIF-komprimering skapa en mindre fil än PNG-8-komprimering. Visa optimerade bilder i GIF- och PNG-8-format för att jämföra filstorlek.

Precis som med GIF-formatet kan du välja antalet färger i en bild och kontrollera hur färgerna dithras i en webbläsare.PNG-8-formatet stöder bakgrundstransparens och bakgrundsmattning, genom vilken du blandar bildens kanter med en webbsidas bakgrundsfärg.

PNG-8 med 256 färger och ingen dithering (vänster) och PNG-8 med 16 färger och dithering (höger)

Optimera som GIF- eller PNG-8-format

GIF är standardformatet för att komprimera bilder med stora enfärgade områden och skarpa detaljer som de i linjekonst, logotyper eller typsnitt.Precis som GIF-formatet stöder PNG-8 genomskinlighet och komprimerar på ett effektivt sätt områden med enfärgat samtidigt som skarpa detaljer bevaras; dock kan inte alla webbläsare visa PNG-8-filer.

Öppna en bild och välj Arkiv > Spara för webb.
Välj GIF eller PNG-8 på menyn för optimeringsformat.
För att visa en bild med låg upplösning medan bilden med full upplösning laddas ned väljer du Sammanflätad. Sammanflätning kan få nedladdningstiden att verka kortare och ger tittarna feedback om att nedladdning pågår.
Under optimeringsformatmenyn väljer du en färgreduceringsalgoritm för att generera färguppslagstabellen:

Perceptuell

Skapar en anpassad färgtabell genom att prioritera färger som det mänskliga ögat har större känslighet för.

Selektiv

Skapar en färgtabell som liknar den perceptuella färgtabellen, men gynnar stora färgområden och bevarandet av webbfärger. Denna färgtabell ger vanligtvis bilder med störst färgintegritet.(Selektiv är standardvalet.)

Adaptiv

Skapar en egen färgtabell genom att hämta färger från spektrumet som förekommer oftast i bilden.Till exempel ger en bild\nmed endast nyanser av grönt och blått en färgtabell som främst består\nav gröna och blå toner.De flesta bilder koncentrerar färger i särskilda\nområden av spektrumet.

Restriktiv (webb)

Använder standard-216-färgers webbsäkra färgtabell som är gemensam för\n8-bitars (256-färgers) paneler i Windows och Mac OS.Detta alternativ säkerställer att ingen webbläsardithering tillämpas på färger när bilden visas med 8-bitars färg.Om din bild har färre än 216\nfärger tas oanvända färger bort från tabellen.

För att ange det maximala antalet färger i färgpanelen väljer du ett nummer från menyn Färger, anger ett värde i textrutan eller klickar på pilarna för att ändra antalet färger.Om\nbilden innehåller färre färger än panelen återspeglar färgtabellen\ndet mindre antalet färger i bilden.
Om du valde Restriktiv (Web) för färgreduktionsalgoritmen kan du välja Auto från menyn Färger.Välj Auto om du vill att Photoshop Elements ska fastställa det optimala antalet färger i färgtabellen baserat på frekvensen av färger i bilden.
Välj en vibrationsprocentandel genom att antingen ange en procentandel i textrutan Vibration eller genom att klicka på menypilen Vibration och dra reglaget som visas.
Om bilden innehåller genomskinlighet väljer du Genomskinlighet för att bevara genomskinliga pixlar. Avmarkera Genomskinlighet för att fylla helt och delvis genomskinliga pixlar med mattfärgen.
Om du vill skapa en GIF-animering väljer du Animera.
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

Placera bilderna som du vill ska visas i varje bildruta av animeringen på separata lager i panelen Lager.Till exempel, för att skapa en animering av ett öga som blinkar skulle du placera en bild av det öppna ögat på ett lager och en bild av det stängda ögat på ett annat lager.
Välj Arkiv > Spara för webben.
Obs!

Om din bild har flera lager kan du också öppna dialogrutan Spara för webben från dialogrutan Spara som genom att välja CompuServe GIF-format och välja Lager som bildrutor.

Optimera bilden med GIF-format.
Välj Animera.
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 Annat för att ange antal gånger som animeringen ska loopa.

Bildrutefördröjning

Anger antalet sekunder som varje bildruta visas i en webbläsare.Använd ett decimalvärde för att ange delar av en sekund.Använd till exempel ,5 om du vill ange en halv sekund.