Hoved Grafisk Design Hvordan redusere GIF-filstørrelsen for bedre ytelse på nettstedet

Hvordan redusere GIF-filstørrelsen for bedre ytelse på nettstedet



Hva du bør vite

  • Beskjær ekstra plass rundt bildet for å redusere pikseldimensjonene. Når du forbereder GIF-en, reduser utdatadimensjonene.
  • Reduser antall farger i bildet. For animerte GIF-er, reduser antall bilder.
  • Unngå rasting og sammenfletting. Hvis programvaren din har et tapsalternativ for å lagre GIF-er, vil dette redusere filstørrelsen betydelig.

Denne artikkelen forklarer generelle regler du bør vurdere for å redusere filstørrelsen på GIF-er på nettstedet ditt, slik at bilder lastes inn raskere og nettstedet ditt fungerer mer effektivt.

Hvordan redusere GIF-filstørrelsen for bedre ytelse på nettstedet

For å gjøre GIF-en din så effektiv som mulig:

  1. Beskjær eventuell ekstra plass rundt bildet. Å redusere pikseldimensjonene til et bilde er den mest effektive måten å redusere filstørrelsen på. Hvis du bruker Photoshop, er det Listverk kommandoen fungerer bra for dette.

  2. Når du forbereder et GIF-bilde, reduser utdatadimensjonene. Hvert grafikkredigeringsprogram tilbyr forskjellige kommandoer for å endre størrelse.

  3. Reduser antall farger i bildet. GIF-er viser bare 256 farger, men hvis bildet ditt bare har noen få, reduser fargeantallet uansett. Når du reduserer farger i GIF-er, får du den beste komprimeringen når tallfargene er satt til det minste mulige av disse alternativene: 2, 4, 8, 16, 32, 64, 128 eller 256.

  4. Reduser antall rammer i bildet for animerte GIF-er. Unngå ubrukelig animasjon generelt. Overdreven animasjon øker nedlastingstiden for nettsider, og mange synes det er distraherende.

    hvordan du sletter en Spotify-konto
  5. Hvis du bruker Photoshop , opprett en GIF-fil ved å bruke Eksporter som menyelement. Plukke ut Fil > Eksporter som . Når menyen åpnes, velg GIF som filformat og redusere de fysiske dimensjonene (bredde og høyde) på bildet.

  6. Hvis du bruker Adobe Photoshop Elements, velg Fil > Lagre for web . Denne prosessen åpner Lagre for web dialogboks som også finnes i Adobe Photoshop på Fil > Eksport > Lagre for nettet (eldre) . Når den åpnes, bruker du dithering, reduser fargen og endrer de fysiske dimensjonene til bildet.

    hva er et skjermbilde på snapchat
  7. Unngå rystelser. Dithering kan få noen bilder til å se bedre ut, men det øker filstørrelsen. Hvis programvaren din tillater det, bruk et lavere nivå av dithering for å spare ekstra byte.

  8. Noen programvare har et tapsalternativ for å lagre GIF-er. Dette alternativet kan redusere filstørrelsen betydelig, men det reduserer også bildekvaliteten.

  9. Ikke bruk interlacing. Interlacing øker vanligvis filstørrelsen.

  10. Både Photoshop og Photoshop Elements viser nedlastingstiden. Vær ikke oppmerksom på det. Den er basert på bruk av et 56k modem. Et mer gyldig nummer vises hvis du velger et kabelmodem fra rullegardinmenyen.

GIF-bilder og nettet

GIF-bilder er ikke en løsning som passer alle. GIF-bilder har maksimalt 256 farger, noe som betyr at du kan forvente alvorlig bilde- og fargeforringelse hvis du ikke er forsiktig.

GIF-filformatet er i mange henseender et eldre format som går tilbake til de tidligste dagene av nettet. Før introduksjonen av GIF-formatet var nettbilder svart-hvitt og komprimert med RLE-formatet. GIF-er dukket først opp på scenen i 1987 da Compuserve ga ut formatet som en web-avbildningsløsning. På den tiden dukket det opp farger på skrivebordet, og nettet ble åpnet av modemer koblet til telefonlinjen. Denne nye infrastrukturen skapte et behov for et bildeformat som holdt bildene små nok til å kunne leveres, gjennom en telefonlinje, til en nettleser på kort tid.

GIF-bilder er ideelle for grafikk med skarpe kanter med en begrenset fargepalett, for eksempel en logo eller strektegning. Selv om GIF-formatet kan brukes til fotografier, introduserer den reduserte fargepaletten artefakter i bildet. Likevel, den Glitch Art-bevegelse og fremveksten av kinograf har vekket en fornyet interesse for GIF-formatet.

FAQ
  • Hvordan størrelser jeg en emoji GIF for Discord?

    Når du laster opp en GIF til Discord, vil den automatisk justere bildet til 128x128 piksler om nødvendig. Mens Discord tillater deling av bilder og andre filer på opptil 8 MB (eller mer med et Nitro-abonnement), er størrelsesgrensen for emojis 256 kb.

  • Hvordan komprimerer jeg en GIF uten å miste kvalitet?

    Den enkleste måten å komprimere en GIF uten å påvirke kvaliteten er å bruke File Explorers egen komprimeringsfunksjon . Noen tredjeparts komprimeringsprogramvare, som WinZip , kan også brukes til å komprimere GIF-er uten å redusere den generelle visuelle kvaliteten.

    hvordan du får snapscore høyere
  • Hvordan kombinerer jeg flere GIF-er til en enkelt GIF?

    Bruk bilderedigeringsprogramvare som Photoshop, velg Fil > Import > Videorammer til lag og velg alle GIF-ene du vil kombinere. Velg alle animasjonsrammene i den første GIF-en, og kopier dem deretter ved å velge Vindu > Animasjon . Deretter går du til neste GIF, velger hvor du vil sette inn forrige GIF, og limer deretter inn de kopierte rammene. Gjenta med andre GIF-er du vil legge til, og eksporter deretter den ferdige sammenslåingen når du er ferdig.

Interessante Artikler

Redaksjonens

De 8 beste gratis genealoginettstedene i 2024
De 8 beste gratis genealoginettstedene i 2024
Slektsnettsteder kan hjelpe deg med å spore opp postene du trenger for å bygge slektstreet ditt. Her er de beste tilgjengelige gratis for øyeblikket.
Microsoft har fjernet Realtek Bluetooth-oppgraderingsblokk for Windows 10
Microsoft har fjernet Realtek Bluetooth-oppgraderingsblokk for Windows 10
Microsoft kunngjorde i dag at de klarte å løse oppgraderingsblokkeringsproblemet for Windows 10 versjon 1909 og noen eldre utgivelser av operativsystemet forårsaket av Realtek Bluetooth Radio-driveren. Hvis Windows 10-PCen din har en utdatert Realtek Bluetooth Radio-driver, vil det gi deg oppgraderingsproblemer hvis du prøver å installere Windows
Slik deaktiverer du kameraet på et ekko-show
Slik deaktiverer du kameraet på et ekko-show
IoT-enheter er ikke immun for hackangrep - en av de første tingene kriminelle på nett målretter mot enhetens kamera eller mikrofon. Når det er sagt, deaktivering av kameraet på et Echo Show handler ikke bare om å holde gadgetene dine utenfor
Angi hvor mange ganger et vindu skal blinke på oppgavelinjen for å varsle deg i Windows 8 og Windows 7
Angi hvor mange ganger et vindu skal blinke på oppgavelinjen for å varsle deg i Windows 8 og Windows 7
Som standard blinker varselet på oppgavelinjeknappen 7 ganger. Slik reduserer du antall ganger den blinker eller får den til å blinke til du klikker på den.
Slik fjerner du blokkering av et nummer på iPhone eller iPad
Slik fjerner du blokkering av et nummer på iPhone eller iPad
Har du noen gang blokkert et telefonnummer på iPhone eller iPad, og ønsker nå å snakke med den personen igjen? Finn ut hvordan du fjerner blokkeringen av et telefonnummer.
Hvordan Airdrop bilder fra iPhone til iPhone
Hvordan Airdrop bilder fra iPhone til iPhone
Har du en iPhone og vil overføre bilder til vennen din eller til den splitter nye iPhonen du har kjøpt? Du vil ikke kaste bort tid, men du vil heller ikke ha kvaliteten på bildene
Hvordan være usynlig i uenighet
Hvordan være usynlig i uenighet
Discord er en sosial plattform for spillere, så det å være usynlig på Discord virker som en motsetning. Men hvis du forbereder deg på et raid, tar deg av støtteoppgaver for klanen din, eller konsentrerer deg om å lage eller utjevne,