Gitter i webbilder

Senast uppdaterad den 27 apr. 2021

Gitter

De flesta webbbilder skapas av designers med 24‑bitars färgskärmar (som visar över 16 miljoner färger), även om vissa användare visar webbsidor på datorer med 8‑bitars färgskärmar (som bara visar 256 färger). Som resultat innehåller webbbilder ofta färger som inte finns tillgängliga på vissa datorer. Datorer använder en teknik som kallas gitterrastering för att simulera färger de inte kan visa. Gitterrastering använder intilliggande pixlar med olika färger för att ge intryck av en tredje färg. Till exempel kan en röd färg och en gul färg gitterrastras i ett mosaikmönster för att ge illusionen av en orange färg som 8‑bitars färgpanelen inte innehåller.

Med gitter simuleras kontinuerliga färgtoner

Obs!

Använd färger i Webbpanelen för att säkerställa att färger inte gitterrastras när de visas i Windows- eller Mac OS-system som kan visa 256 färger. När du skapar en originalbild kan du använda Färgväljaren för att välja webbsäkra färger.

När du optimerar bilder, kom ihåg att två typer av gitterrastering kan förekomma:

Programgitter

Förekommer i GIF- och PNG‑8-bilder när Photoshop Elements försöker simuler färger som inte finns i den aktuella färgtabellen. Du kan kontrollera programgitterrastering genom att välja ett gitterrastringsmönster, eller så kan du försöka undvika programgitterrastering genom att lägga till fler färger i tabellen.

Webbläsargitter

Förekommer när en webbläsare som använder en 8‑bitars färgskärm (256‑färgsläge) försöker simulera färger som inte finns i 8‑bitars färgpanelen. Webbläsargitter kan användas för GIF-, PNG- och JPEG-bilder. I Photoshop Elements kan du kontrollera mängden webbläsargitterrastering genom att flytta valda färger i bilden till webbsäkra färger. Du kan också ange webbsäkra färger när du väljer en färg i Färgväljaren.

Du kan förhandsvisa programgitter för GIF- och PNG‑8-bilder. Bilder med främst enfärgade färger kan fungera bra utan gitterrastering. Omvänt kan bilder med kontinuerliga färgtoner (särskilt färgövergångar) kräva gitterrastering för att förhindra färgbandning.

Kontrollera gitter i webbilder

Öppna en bild och välj Arkiv > Spara för webben.
Välj optimeringsinställningar.
Ange ett värde i textrutan Gitterrastering eller klicka på menypilen för Gitterrastering och dra reglaget som visas.
Procentandelen för gitterrastering kontrollerar mängden gitterrastering som tillämpas på bilden. En högre gitterrastringsprocent skapar intryck av fler färger och mer detaljer i en bild men kan också öka filstorleken. För optimal komprimering och visningskvalitet använd lägsta procentandel programgitterrastering som ger färgdetaljerna du behöver.

Förhandsvisa gitter

Du kan förhandsgranska webbläsargitterrastering direkt i Photoshop Elements eller i en webbläsare som använder en 8‑bitars färgskärm (256‑färgsläge).

Öppna en bild och välj Arkiv > Spara för webb.
Välj optimeringsinställningar.
För att förhandsgranska gitterrastering i Photoshop Elements, välj Webbläsargitterrastering från dokumentpanelmenyn i dialogrutan Spara för webben. (För att visa menyn klickar du på triangeln i det övre högra hörnet av den optimerade bilden.)
Gör så här om du vill förhandsvisa gittret i en webbläsare:
  • Ställ in datorns färgskärm till 8‑bitars färg (256 färger). Se operativsystemets dokumentation för information om att ändra färgskärmen.

  • Välj en webbläsare från menyn Förhandsgranskning i dialogrutan Spara för webben.