Optimering

Att optimera för webben innebär att komprimera bilder och att ställa in visningsalternativ för optimal användning på Internet. När du lägger ut bilder på Internet är filstorleken avgörande. Du måste använda en filstorlek som är tillräckligt liten så att hämtningstiden blir kort, men tillräckligt stor för att bevara färger och detaljer. Det finns tre filformat för bilder som används på webben: GIF, JPEG, och PNG.

När du placerar bilder på webben måste du ta hänsyn till filstorleken. Målsättningen är en filstorlek som är liten nog för att ge rimliga överföringshastigheter men stor nog för att bevara färger och detaljer på ett tillfredsställande sätt.

Tre filformat för bilder används på webben: GIF, JPEG, och PNG. Du kan optimera bilder i dessa format med någon av följande metoder:

  • Om du exakt vill optimera en bild för användning i ett program för att skapa webbsidor, till exempel Adobe Dreamweaver, kan du använda kommandot Spara för webben. I dialogrutan Spara för webben kan du förhandsvisa bilden med olika filformat och med olika optimeringsinställningar. Du kan också ange inställningar för genomskinlighet och animering.

  • För grundläggande optimering kan du använda kommandot Spara som. Beroende på filformat kan du ange bildkvalitet, genomskinlighet eller mattning för bakgrund, visning av färger och hämtningsmetod.

Använda dialogrutan Spara för webben

Använd dialogrutan Spara för webben när du vill förhandsvisa effekten av olika optimeringsalternativ för ett foto som du vill dela med dig av på webben. Det är en enkel process. Öppna ett foto och välj Arkiv  > Spara för webben. Välj sedan ett format på filformatsmenyn (GIF, JPEG, PNG‑8 eller PNG‑24) och ange önskade alternativ. (Filformatsmenyn återfinns direkt nedanför menyn Förinställning.) En kopia av filen sparas, den ursprungliga bilden skrivs inte över.

Dialogrutan Spara för webben
Dialogrutan Spara för webben

A. Verktygslåda B. Färg med verktyget Pipett C. Optimeringsinställningar och meny med fler alternativ D. Bildstorlek E. Animeringsalternativ F. Menyn Zoomnivå G. Menyn Förhandsvisa i webbläsare H. Ursprunglig bild I. Optimerad bild 

Optimeringsalternativen visas till höger i dialogrutan Spara för webben. Förutom att välja ett webbfilsformat kan du välja alternativ för komprimering och färg, behålla genomskinlighet för bakgrund eller ange en bakgrundsmattning och ändra bildens storlek. Du kan använda fördefinierade inställningar (genom att välja ett format på menyn Förinställning) eller välja formatspecifika alternativ för att fininställa optimeringen.

I bildfönstren visas den ursprungliga bilden (till vänster) och förhandsvisningen av den optimerade bilden (till höger). Under fönstren visas optimeringsinformation - aktuella inställningar, den optimerade filens storlek och uppskattad hämtningstid. När du utför justeringar ändras informationen under den optimerade bilden så att de nya inställningarna återspeglas.

En liten verktygslåda finns i det övre vänstra hörnet i dialogrutan. Om du vill visa andra områden på bilden väljer du handverktyget och drar så att önskade områden blir synliga. Om du vill zooma in på en bild väljer du zoomverktyget och klickar på en vy. Om du vill zooma ut håller du ned Alt och klickar igen. (Alternativt kan du använda zoomrutan längst ned i dialogrutan.) Om du vill skapa mattningsfärger använder du pipettverktyget.

Optimerade filformat för webben

Du kan välja mellan fyra format för webben. Använd följande riktlinjer när du väljer format för en webbild:

JPEG

I de flesta fall är det här det bästa formatet för fotografier.

PNG‑24

I likhet med JPEG är detta ett bra format för fotografier. Välj endast PNG‑24 i stället för JPEG när bilderna innehåller genomskinlighet. (JPEG har inte stöd för genomskinlighet, du måste fylla med en mattningsfärg.) PNG‑24-filer är ofta mycket större än JPEG-filer av samma bild.

GIF

GIF är det format du bör använda för streckbilder, teckningar med stora enfärgade områden och tydliga detaljer samt text. Om du vill exportera en animerad bild måste du också använda GIF.

PNG‑8

PNG‑8 är ett mindre känt alternativ till GIF. Använd det för samma ändamål (med undantag för animering).

Bilder med GIF- och PNG-8-format kallas ibland för indexerade färgbilder och kan återge upp till 256 färger. Om du vill konvertera en bild till indexerad färg skapas en färgtabell. Om en färg i den ursprungliga bilden inte finns i färgtabellen väljs den närmaste färgen eller så simuleras originalfärgen genom att de färger som är tillgängliga kombineras.

JPEG- och PNG‑24-filer har stöd för 24‑bitarsfärg, så de kan återge upp till 16 miljoner färger. Beroende på filformat kan du ange bildkvalitet, genomskinlighet eller mattning för bakgrund, visning av färger och metod som ska användas i webbläsaren för att visa bilden när den hämtas.

Utseendet på en bild på webben beror även på de färger som återges på datorplattformen, i operativsystemet, på bildskärmen och i webbläsaren. Det kan vara bra att förhandsvisa bilden i olika webbläsare och på olika plattformar om du vill försäkra dig om hur den kommer att visas på webben.

Använda en förinställd optimeringsinställning

Du kan snabbt och enkelt optimera en bild för webben genom att välja en fördefinierad optimeringsinställning, kallad förinställning, på menyn Förinställning i det övre högra hörnet i dialogrutan Spara för webben. Förinställningar är anpassade för optimeringsbehoven för olika typer av bilder.

Namnet på varje förinställning återspeglar dess filformat och kvalitetsnivå. Välj till exempel JPEG Hög om du vill optimera en bild med JPEG-format med hög bildkvalitet och låg komprimering. Välj GIF 32 med gitter om du vill optimera en bild med GIF-format, reducera antalet färger till 32 och använda gitter.

  1. I dialogrutan Spara för webben väljer du ett inställningsnamn på menyn Förinställning och klickar sedan på OK.
  2. I dialogrutan Spara optimerad som skriver du ett filnamn och klickar på Spara.

    Obs!

    Om du ändrar alternativen för en förinställning visas ordet "[Namnlös]" på menyn Förinställning. Du kan inte spara en egen inställning. Den aktuella inställningen visas dock i dialogrutan Spara för webben nästa gång du visar den.

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