1. Location:
  2. / Computer learning >> Datamaskin læring >> Programvaren kunnskap >> Grafisk Programvare >> photoshop >>

10 måter å optimalisere en animert GIF File

10 måter å optimalisere en animert GIF-fil
Dette innlegget er en del av en serie kalt animasjon i Adobe Photoshop.How å lage en animert Pixel Art Sprite i Adobe PhotoshopCreate din egen Animated Pre-loader i Photoshop

GIF er standardformatet for komprimering av bilder med store områder i solide farger og skarpe detaljer som de i strektegninger, logoer eller type. Å være en 8 bit-dybde bildeformat det ville ha forsvunnet fra nettet etter innføringen av JPEG- og PNG filformater, men GIF er fortsatt et yndet web filformatet, takket være sin ramme animasjon funksjonen. I denne opplæringen, vil vi ha en nærmere titt på alle de tilgjengelige alternativene for å konvertere en video til en GIF animasjon, og hvordan du kan optimalisere filstørrelsen. La oss komme i gang!



1. Trimming Animasjon

Først av alt du trenger for å åpne videofilen med Photoshop. Mesteparten av tiden vil du ikke trenger hele sekvensen for GIF animasjon, slik at du kan trimme videoen i tidslinjen Panel. Slå på alternativet Loop og prøve å finne et godt sted å trimme videoen.


2. Redusere bildestørrelse

Du kan enten redusere bildestørrelsen fra bildemenyen eller gjøre det senere på Lagre for dialog Web-boksen. Jeg foretrekker å gjøre det i begynnelsen med dialogboksen Bildestørrelse som det kan spare en betydelig mengde lasting tid når du åpner opp Lagre for dialog Web-boksen. Videoen lag vil måtte bli omgjort til et smart objekt hvis du vil endre størrelsen på bildet, men du trenger ikke å bekymre deg for dette, det vil ikke påvirke vår arbeidsflyt i det hele tatt.


3. Lagre for Web

Min favoritt ting om denne arbeidsflyten er at vi ikke trenger å gjøre noen konvertering på tidslinjen panelet for å kunne lagre en ramme animasjon, i Save for dialog Web-boksen vil gjøre jobben for oss når du velger GIF filformatet som utskriftene. Legg merke til at Animasjon alternativene vil vises nederst i høyre hjørne av dialogboksen. I tilfelle du bestemmer deg for å ytterligere redusere størrelsen på bildet du kan fortsatt gjøre det her.


4. Reduser mengden Rammer

Du kan redusere størrelsen på GIF animasjon hvis du åpner den eksport GIF tilbake i Photoshop og slette hver andre eller tredje rammen fra Timeline Panel. Da bør du velge alle gjenværende rammer og øke varigheten av dem for å kompensere for tapet av rammer. Hvis du ikke gjør dette kompensasjon animasjonen skal spilles raskere enn den opprinnelige. Når du er klar kan du lagre den nye versjonen, som skal være mye mindre enn den opprinnelige.


5. Antall farger

Den mest relevante alternativet for å optimalisere størrelsen på en GIF-fil er antall farger som brukes i fargetabellen. Den maksimale mengden av farger er 256, som kommer fra 8 bit-dybde begrensning. Generelt sett er det godt å holde fast med 64 farger eller mindre, men avhengig av den opprinnelige videoen må du kanskje øke antall farger for å få et bedre resultat.


6. Hvilken farge Reduksjon algoritmen skal velge?
  • Perceptual å opprette en egendefinert fargetabell ved å prioritere farger som øynene er mest følsomme overfor.
  • Selektiv å skape en fargetabell som ligner den perseptuelle fargetabellen, men som favoriserer store områder med farge og bevaring av Web farger. Denne fargetabellen produserer som regel bilder med høyest fargeintegritet. (Selektiv er standardvalget.)
  • Adaptive å opprette en egendefinert fargetabell ved farger fra spekteret som forekommer oftest i bildet. For eksempel, et bilde med bare nyanser av grønt og blått gir en fargetabell med hovedsakelig grønn- og blåfarger. De fleste bilder konsentrerer farger i bestemte områder av spekteret.
  • Restriktiv bruker standard, 216-farge, web-safe farger tabellen felles for 8-bit (256 farger) paneler av Windows og Mac OS. Dette alternativet sikrer at ingen nettleser brukes spredning til farger når bildet vises med 8-bits farger. Hvis bildet har færre enn 216 farger, er ubrukte farger fjernet fra bordet.

    7. Utjamning

    Siden GIF-filer inneholder et begrenset antall farger, kan vi ønsker å etterligne de manglende farger med tilgjengelige som bruker utjamning. Fra "spredning" -menyen, velger vi en av algoritmer for slik imitasjon. Den "Diffusion" metoden lar oss justere mengden spredning. Med "Mønster" og "støy" algoritmer er det ingenting å justere. Jo mer utjamning i et bilde, jo større filstørrelsen. Utjamning legger forskjellig fargede piksler i umiddelbar nærhet til hverandre for å simulere sekundære farger eller jevne overganger i farger. Noen bilder må inneholde utjamning å se bra ut, men det er best å bruke minst mulig spredning mulig å holde den minste filstørrelsen.


    8. Web Snap, Lossy, Åpenhet og Interlaced

    Web Snap brukes for å hindre spredning i en nettleser. Det gjøres ved å feste noen av fargene til Web-safe farger. Jo flere web-safe farger til stede i en GIF, jo mindre leseren utjamning resultatet. En verdi på 0% vil ikke endre noen farger, mens en verdi på 100% vil endre alle fargene i bildet til Web-safe.
  • Lossy komprimering forkaster visuell informasjon, som kan redusere filstørrelsen.

    Hvis bildet inneholder Transparency, velger Transparency bevare gjennomsiktige punkter; oppheve valget Transparency å fylle fullt og delvis gjennomsiktige bildepunkter med matt farge.

    interlaced GIF-filer er lagt i en nettleser i noen går (som progressive JPEG-tallet).



    9. Sammenligne Originale og optimaliserte versjoner

    Når du har lagt en masse tilpasset endringer du kan sjekke forskjellen i filstørrelse og kvalitet ved hjelp av to-Up utsikt.


    10 . Forhåndsvisning Lagre forhåndsinnstilling og optimalisere til filstørrelse

    Hvis du er fornøyd med innstillingene dine ta en titt på den endelige GIF med forhåndsvisning alternativ i en nettleser, og ikke glem å lagre innstillingene som forhåndsinnstilling. Du kan også angi en filstørrelse med denne ekstra alternativ fra Optimize Menu og når dette er brukt Photoshop vil prøve å passe størrelse med best mulig bildekvalitet.