Lagre Photoshop-bilder som GIF for web- og mobilenheter - dummies

Lagre filer til Internett eller mobile enheter i Photoshop Creative Suite 5 lager en mindre versjon av bildet ditt slik at det lastes raskt. Tanken er å gjøre bildet så lite som mulig samtidig som det blir visuelt behagelig.

Bruk GIF-formatet hvis du har store områder med solid farge.

Et bilde med mye solid farge gjør en god GIF.

GIF-formatet er ikke lossy ( det mister ikke data når filen er komprimert i dette formatet), men det reduserer filstørrelsen ved å bruke et begrenset antall farger i et fargebord. Jo lavere antall farger desto mindre er filstørrelsen. Hvis du noen gang har jobbet i indeksfargemodus, er du kjent med denne prosessen.

Gjennomsiktighet støttes av GIF-filformatet. Vanligvis gjør GIF-filer ikke en god jobb på alt som trenger jevne overganger fra en farge til en annen, på grunn av formatets dårlige støtte til anti-aliasing , som er metoden Photoshop bruker til å glatte kantede kanter. Når et bilde overgår fra en farge til en annen, produserer Photoshop flere farger av piksler for å skape en jevn blanding mellom de to fargene.

Fordi anti-aliasing må opprette flere farger for denne effekten, anbefales det ikke at GIF-filer generelt anbefales. Faktisk, når du reduserer størrelsen på en GIF, er du mer tilbøyelig til å se banding (en gjenstand som vises som streker i bildet) fordi anti-aliasing ikke kan finne sted med det begrensede antall farger tilgjengelig i GIF-formatet.

Du kan selvsagt øke antall farger dramatisk for å skape en jevnere overgang, men du risikerer å opprette monsterfiler som tar evig tid å laste ned.

Lagre som GIF

Når du velger Arkiv → Lagre for web og enheter, ser du først tilgjengelige alternativer for GIF-format. De kan være tydeligere for deg hvis du har et bilde åpent (med masse farge i det).

For å lagre en fil for Internett som en GIF, følg disse trinnene:

1. Velg Arkiv → Lagre for web og enheter.

   Dialogboksen Lagre for web og enheter vises.

2. Øverst, klikk på 2-Up-fanen.

   Du ser originalbildet til venstre og det optimaliserte bildet til høyre (eller øverst og nederst, avhengig av bildeforholdene).

   I den nedre delen av skjermen ser du den opprinnelige filstørrelsen i forhold til den optimaliserte filstørrelsen, samt den omtrentlige nedlastningstiden. Nedlastingstiden er viktig. De fleste venter ikke mer enn ti sekunder for at en nettside skal vises, så hold hvert bildes nedlastingstid til fem sekunder eller færre.

   Endre nedlastingshastigheten ved å velge fra forhåndsvisningsmenyen (se pilen øverst til høyre i dialogboksen Lagre for web og enheter).

3. Velg GIF 32 No Dither fra rullegardinlisten Forhåndsinnstilt.

   Du kan se en endring allerede. Photoshop gir deg forhåndsinnstillinger for å velge mellom, eller du kan tilpasse og lagre din egen.

4. Velg om du vil bruke dithering på bildet ved å velge et alternativ fra rullegardinlisten Spesifiser dither algoritmen.

   Dette valget er rent personlig. Fordi du kan være begrensende farger, kan Photoshop bruke dithering til å blande piksler med tilgjengelige farger for å simulere manglende farger. Mange designere velger alternativet Ingen dither fordi dithering kan skape unaturlige fargesprekk i et bilde.

   

   Velg mellom forhåndsinnstillinger, eller lag dine egne tilpassede innstillinger.

5. Hvis bildet ditt er på et gjennomsiktig lag, og du vil opprettholde den transparensen på en webside, merker du av for Transparency.

Fargebord i Lagre for web og enheter-dialogboksen

Når du lagrer et bilde i GIF-format ved hjelp av dialogboksen Lagre for web og enheter, ser du fargebordet for bildet på høyre side av dialogboksen. Fargebordet er viktig fordi det ikke bare lar deg se fargene som brukes i bildet, men lar deg også tilpasse fargebordet ved hjelp av alternativene nederst.

Du vil kanskje tilpasse fargebordet ditt ved å velge noen farger for å være trygt på nettet og låse farger slik at de ikke støtes av når du reduserer nummeret som brukes.

Følg disse trinnene for å tilpasse et fargebord:

1. Hvis bildet ditt bare har noen få farger som du vil konvertere til websikker farger, velger du Eyedropper-verktøyet til venstre for dialogboksen Lagre for web og enheter boksen og klikk fargen i optimalisert visning.

   Samplet farge er uthevet i fargebordet.

2. Klikk på Web Safe-knappen nederst på fargebordet.

   Når du krysser over denne knappen, vises verktøytipset Skift / Unshifts valgte farger til webpanel.

   En diamant vises, noe som indikerer at fargen nå er trygt på nettet.

3. Lås farger som du ikke vil slette mens du reduserer antall farger i fargebordet.

   Velg en farge med Eyedropper-verktøyet, eller velg det i fargebordet, og klikk deretter Lås farge-knappen. Et hvitt firkant vises i nedre høyre hjørne, som indikerer at fargen er låst.

   Hvis du låser 32 farger og deretter reduserer fargebordet til 24, blir noen av dine låste farger slettet. Hvis du velger å legge til farger, er de låste fargene de første til å returnere.

   

   Tilpass farger ved å bruke fargebordet i vinduet Lagre for web og enheter.

Hvordan opprettes fargebordet? Basert på fargeduceringsalgoritmetoden du velger, lagrer du funksjonen Save for Web & Devices hvor mange farger du angir. Hvis du beholder farger på websikker, er du sikker på at du velger alternativet Restriktiv (Web) for metoden. Hvis du vil at bildet skal se bedre ut på de fleste skjermer, men ikke nødvendigvis å være trygt, velger du alternativet Adaptive.

1. Bruk rullegardinmenyen Farger, eller skriv inn et nummer for å legge til eller slette farger fra fargebordet.

2. Hvis bildet ditt bruker gjennomsiktighet, merker du av for Transparency-boksen nær toppen av dialogboksen Lagre for web og enheter.

   Husk at gjennomsiktighet regnes som en av farger i fargebordet.

3. Merk avkrysningsruten Interlaced only hvis ditt GIF-bilde er stort (25K eller større).

   Velger dette alternativet får bildet til å bygge i flere skanninger på nettsiden - et lavoppløselig bilde som dukker opp raskt og blir deretter oppdatert med bildet med høyere oppløsning når nedlastingen er fullført. Interlacing gir illusjonen av nedlastingen gå raskere, men gjør filstørrelsen større, så bruk den bare hvis nødvendig.

4. Klikk på Lagre.

   Nå er bildet klar til å bli koblet til en e-postmelding eller brukt på en nettside.