Spara Photoshop-bilder som GIF för webb och mobila enheter

Genom att spara filer för webben eller mobila enheter i Photoshop Creative Suite 5 skapas en mindre version av din bild så att den laddas snabbt. Tanken är att göra bilden så liten som möjligt samtidigt som den behåller den visuellt tilltalande.

Använd GIF-formatet om du har stora områden med enfärgade.

En bild med massor av enfärgade gör en bra GIF.

GIF-formatet är inte förlorat ( det förlorar inte data när filen komprimeras i detta format), men det minskar filstorleken genom att använda ett begränsat antal färger i en färgtabell. Ju lägre antal färger, desto mindre filstorlek. Om du någonsin har arbetat i indexfärgläge är du bekant med denna process.

Transparens stöds av GIF-filformatet. I allmänhet gör GIF-filer inte ett bra jobb på allt som behöver mjuka övergångar från en färg till en annan, på grund av formatets dåliga stöd för kantutjämning , vilket är metoden Photoshop använder för att jämna ut taggiga kanter. När en bild övergår från en färg till en annan, producerar Photoshop flera färger av pixlar för att skapa en jämn blandning mellan de två färgerna.

Eftersom kantutjämning måste skapa flera färger för denna effekt, rekommenderas vanligtvis inte GIF-filer. Faktum är att när du minskar storleken på en GIF är du mer benägen att se banding (en artefakt som visas som ränder i bilden) eftersom kantutjämningen inte kan ske med det begränsade antalet färger som finns tillgängliga i GIF-format.

Du kan naturligtvis öka antalet färger dramatiskt för att skapa en mjukare övergång, men då riskerar du att skapa monsterfiler som tar en evighet att ladda ner.

Spara som GIF

När du väljer Arkiv → Spara för webben och enheter ser du först de tillgängliga GIF-formatalternativen. De kan bli tydligare för dig om du har en bild öppen (med mycket enfärgad färg).

För att spara en fil för webben som en GIF, följ dessa steg:

Välj Arkiv → Spara för webb och enheter.

Dialogrutan Spara för webben och enheter visas.

Klicka på fliken 2-Up högst upp.

Du ser originalbilden till vänster och den optimerade bilden till höger (eller upptill och nedtill, beroende på bildproportionerna).

I den nedre delen av displayen ser du den ursprungliga filstorleken jämfört med den optimerade filstorleken, såväl som den ungefärliga nedladdningstiden. Nedladdningstiden är viktig. De flesta människor väntar inte mer än tio sekunder på att en webbsida ska visas, så håll nedladdningstiden för varje bild till fem sekunder eller mindre.

Ändra nedladdningshastigheten genom att välja från menyn Förhandsgranska (leta efter pilen på den övre högra sidan av dialogrutan Spara för webben och enheter).

Välj GIF 32 No Dither från rullgardinsmenyn Preset.

Du kanske redan ser en förändring. Photoshop förser dig med förinställningar att välja mellan, eller så kan du anpassa och spara dina egna.

Välj om du vill att rastrering ska tillämpas på bilden genom att välja ett alternativ i rullgardinsmenyn Ange rutningsalgoritm.

Detta val är rent personligt. Eftersom du kanske begränsar färger kan Photoshop använda rastrering för att blanda pixlarna i tillgängliga färger för att simulera saknade färger. Många designers väljer alternativet No Dither eftersom vibrering kan skapa onaturliga färgfläckar i en bild.

Välj bland förinställningar eller skapa dina egna anpassade inställningar.

Om din bild är på ett genomskinligt lager och du vill behålla den genomskinligheten på en webbsida, markera kryssrutan Transparens.

Färgtabell i dialogrutan Spara för webben och enheter

När du sparar en bild i GIF-format med hjälp av dialogrutan Spara för webben och enheter ser du färgtabellen för bilden till höger i dialogrutan. Färgtabellen är viktig eftersom den inte bara låter dig se färgerna som används i bilden utan också gör att du kan anpassa färgtabellen genom att använda alternativen längst ner.

Du kanske vill anpassa din färgtabell genom att välja några färger för att vara webbsäkra och låsa färger så att de inte stöts av när du minskar antalet som används.

Följ dessa steg för att anpassa en färgtabell:

Om din bild bara har ett fåtal färger som du vill konvertera till webbsäkra färger väljer du pipettverktyget till vänster om dialogrutan Spara för webben och enheter och klickar på färgen i optimerad vy.

Den provade färgen är markerad i färgtabellen.

Klicka på knappen Webbsäker längst ned i färgtabellen.

När du korsar den här knappen visas verktygstipset Flyttar/avförskjuter valda färger till webbpanelen.

En diamant visas, vilket indikerar att färgen nu är webbsäker.

Lås färger som du inte vill ta bort eftersom du minskar antalet färger i färgtabellen.

Välj en färg med pipettverktyget eller välj den i färgtabellen och klicka sedan på knappen Lås färg. En vit fyrkant visas i det nedre högra hörnet, vilket indikerar att färgen är låst.

Om du låser 32 färger och sedan minskar färgtabellen till 24, raderas några av dina låsta färger. Om du väljer att lägga till färger är de låsta färgerna de första som kommer tillbaka.

Anpassa färger med hjälp av färgtabellen i fönstret Spara för webben och enheter.

Hur skapas färgbordet? Baserat på den färgreducerande algoritmmetoden du väljer, tar funktionen Spara för webb och enheter ett urval av antalet färger du anger. Om det är viktigt att hålla färgerna webbsäkra, välj alternativet Restrictive (Web) för metoden; om du vill att din bild ska se bättre ut på de flesta bildskärmar men inte nödvändigtvis för att vara webbsäker, välj alternativet Adaptive.

Använd rullgardinsmenyn Färger eller ange ett nummer för att lägga till eller ta bort färger från färgtabellen.

Om din bild använder genomskinlighet, markera kryssrutan Transparens nära toppen av dialogrutan Spara för webben och enheter.

Kom ihåg att transparens räknas som en av dina färger i färgtabellen.

Markera kryssrutan Interlaced endast om din GIF-bild är stor (25K eller större).

Om du väljer det här alternativet bygger bilden in flera skanningar på webbsidan - en lågupplöst bild som snabbt dyker upp och sedan uppdateras med den högre upplösta bilden när nedladdningen är klar. Interlacing ger en illusion av att nedladdningen går snabbare men gör filstorleken större, så använd den bara om det behövs.

Klicka på Spara.

Nu är bilden redo att bifogas till ett e-postmeddelande eller användas på en webbsida.