Gem Photoshop-billeder som GIF til web- og mobilenheder - dummies

Gemmer filer til internettet eller mobile enheder i Photoshop Creative Suite 5 opretter en mindre version af dit billede, så det hurtigt indlæses. Ideen er at gøre billedet så lille som muligt, samtidig med at det bliver visuelt behageligt.

Brug GIF-formatet, hvis du har store områder med fast farve.

Et billede med masser af solid farve gør en god GIF.

GIF-formatet er ikke lossy ( det mister ikke data, når filen komprimeres i dette format), men det reducerer filstørrelsen ved at bruge et begrænset antal farver i et farvetabell. Jo lavere antal farver desto mindre er filstørrelsen. Hvis du nogensinde har arbejdet i indeksfarvefunktion, er du fortrolig med denne proces.

Gennemsigtighed understøttes af GIF-filformatet. Generelt gør GIF-filer ikke et godt stykke arbejde på noget, der har brug for glatte overgange fra en farve til en anden på grund af formatets dårlige understøttelse af anti-aliasing , , som er den metode, som Photoshop bruger til glatte afskårne kanter. Når et billede overgår fra en farve til en anden, producerer Photoshop flere farver af pixels for at skabe en jævn blanding mellem de to farver.

Da anti-aliasing skal oprette flere farver til denne effekt, anbefales GIF-filer generelt ikke. Faktisk, når du reducerer størrelsen af ​​en GIF, er du mere tilbøjelig til at se banding (en artefakt, der vises som streger i billedet), fordi anti-aliasing ikke kan finde sted med den begrænsede Antal farver, der er tilgængelige i GIF-format.

Du kan selvfølgelig øge antallet af farver dramatisk for at skabe en jævn overgang, men du risikerer at oprette monsterfiler, der tager for evigt at downloade.

Gem som GIF

Når du vælger Fil → Gem for web og enheder, skal du først se de tilgængelige GIF-formatindstillinger. De kan være klarere for dig, hvis du har et billede åbent (med masser af solid farve i det).

Følg disse trin for at gemme en fil til internettet som en GIF:

1. Vælg Filer → Gem til web og enheder.

   Dialogboksen Gem til web og enheder vises.

2. Klik på fanen 2 op øverst øverst.

   Du ser originalbilledet til venstre og det optimerede billede til højre (eller øverst og nederst afhængigt af billedforholdene).

   I den nederste del af displayet ses den oprindelige filstørrelse i forhold til den optimerede filstørrelse samt den omtrentlige downloadtid. Nedlæsningstiden er vigtig. De fleste mennesker venter ikke mere end ti sekunder for at en webside skal vises, så hold hvert billed downloadtid til fem sekunder eller færre.

   Skift downloadhastigheden ved at vælge i menuen Forhåndsvisning (se pilen øverst til højre i dialogboksen Gem til web og enheder).

3. Vælg GIF 32 No Dither fra rullelisten Forudindstillet.

   Du kan se en ændring allerede. Photoshop forsyner dig med forudindstillinger at vælge imellem, eller du kan tilpasse og gemme dine egne.

4. Vælg om du vil have dithering anvendt på billedet ved at vælge en indstilling fra rullemenuen Angiv dither algoritmen.

   Dette valg er rent personligt. Fordi du kan være begrænsende farver, kan Photoshop bruge dithering til at blande pixel af tilgængelige farver for at simulere manglende farver. Mange designere vælger alternativet Ingen dither, fordi dithering kan skabe unaturlige farvefragter i et billede.

   

   Vælg mellem forudindstillinger, eller opret dine egne brugerdefinerede indstillinger.

5. Hvis dit billede er på et gennemsigtigt lag, og du vil bevare denne gennemsigtighed på en webside, skal du markere afkrydsningsfeltet Transparency.

Farvebord i Gem til web og enheder dialogboksen

Når du gemmer et billede i GIF-format ved hjælp af dialogboksen Gem til web og enheder, kan du se farvetabellen for billedet på højre side af dialogboksen. Farvetabellen er vigtig, fordi det ikke kun giver dig mulighed for at se de farver, der bruges i billedet, men giver dig også mulighed for at tilpasse farvetabellen ved at bruge indstillingerne nederst.

Du vil muligvis tilpasse dit farvebord ved at vælge nogle farver for at være sikkert på internettet og låse farver, så de ikke stødes af, da du reducerer nummeret, der bruges.

Følg disse trin for at tilpasse et farvebord:

1. Hvis dit billede kun har nogle få farver, som du vil konvertere til websikkerte farver, skal du vælge værktøjet Eyedropper til venstre for dialogboksen Gem til web og enheder. boks og klik på farven i optimeret visning.

   Den samplede farve fremhæves i farvetabellen.

2. Klik på knappen Websikkerhed nederst på farvetabellen.

   Når du krydser denne knap, vises værktøjstip Skift / Unshifts valgte farver til webpanel.

   Der vises en diamant, der angiver, at farven nu er websikker.

3. Lås farver, som du ikke vil slette, da du reducerer antallet af farver i farvetabellen.

   Vælg en farve med Eyedropper-værktøjet, eller vælg det i farvetabellen, og klik derefter på knappen Lås farve. En hvid firkant vises i nederste højre hjørne, der angiver, at farven er låst.

   Hvis du låser 32 farver og derefter reducerer farvebordet til 24, slettes nogle af dine låste farver. Hvis du vælger at tilføje farver, er de låste farver de første til at returnere.

   

   Tilpas farver ved at bruge farvetabellen i vinduet Gem til web og enheder.

Hvordan oprettes farvetabellen? Baseret på den metode til reduktion af farvereduktion, du vælger, gemmer funktionen Gem til web og enheder det antal farver, du angiver. Hvis det er vigtigt at holde farverne websikker, skal du vælge indstillingen Restriktiv (Web) for metoden. Hvis du vil have, at dit billede ser bedre ud på de fleste skærme, men ikke nødvendigvis at være sikkert, skal du vælge Adaptive-indstillingen.

1. Brug rullemenuen Farver eller indtast et nummer for at tilføje eller slette farver fra farvetabellen.

2. Hvis dit billede bruger gennemsigtighed, skal du markere afkrydsningsfeltet Transparency i toppen af ​​dialogboksen Gem til web og enheder.

   Husk at gennemsigtighed tælles som en af ​​dine farver i farvetabellen.

3. Marker afkrydsningsfeltet Interlaced kun, hvis dit GIF-billede er stort (25K eller større).

   Hvis du vælger denne indstilling, får billedet til at blive bygget i flere scanninger på websiden - et billed med lav opløsning, der hurtigt opdyses og derefter opdateres med billedet med højere opløsning, når downloadet er gennemført. Interlacing giver illusionen af ​​downloadet hurtigere, men gør filstørrelsen større, så brug den kun, hvis det er nødvendigt.

4. Klik på Gem.

   Nu er billedet klar til at blive knyttet til en e-mail-meddelelse eller brugt på en webside.