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

Hva er en XLS-fil?
Hva er en XLS-fil?
En XLS-fil er et Microsoft Excel 97-2003-regneark som lagrer regnearkdata. Du kan åpne XLS-filer med Excel og andre programmer.
GoPro HERO3: Black Edition anmeldelse
GoPro HERO3: Black Edition anmeldelse
Hvis det å feste et videokamera til hodet og hoppe av ting er din ide om moro, er sjansen stor for at du allerede har hørt om GoPro. Det bærbare actionkameraet, Hero, har nå nådd sin tredje generasjon, og det er
Hvordan laste ned Twitch VOD-videoer på en PC eller smarttelefon
Hvordan laste ned Twitch VOD-videoer på en PC eller smarttelefon
Hver streamet sending på Twitch kan lagres som en VOD (video on demand). Både streamere og seere kan laste ned Twitch VOD-er for å få tilgang til dem, selv når de er offline. I denne veiledningen vil du se hvordan du laster ned Twitch VOD-er
Aktiver tilfeldig MAC-adresse i Windows 10 for Wi-Fi-adapter
Aktiver tilfeldig MAC-adresse i Windows 10 for Wi-Fi-adapter
Hver gang du kobler til et Wi-Fi-nettverk, kan Windows 10 randomisere adapterens MAC-adresse! Dette er en ny funksjon som er tilgjengelig for visse Wi-Fi-adaptere.
Hvordan laste ned live YouTube-videoer
Hvordan laste ned live YouTube-videoer
Når en direktesending avsluttes, publiserer YouTube den umiddelbart til plattformen. Du kan lagre den i spillelisten din og nyte den når du vil. Men hvis skaperen sletter den eller du ønsker å se den uten nett, gjør YouTube
Slik legger du til Pin til Start-menykommandoen for mapper i Windows 7
Slik legger du til Pin til Start-menykommandoen for mapper i Windows 7
Beskriver en tweak for Windows 7 som lar deg feste hvilken som helst mappe til Start-menyen uten å bruke tredjepartsverktøy.
Åpne ledeteksten i fullskjerm i Windows 10
Åpne ledeteksten i fullskjerm i Windows 10
Slik skriver du inn fullskjerms ledetekst i Windows 10 med en hurtigtast.