Den lave GIF gjør et comeback, fordi den økende bruken av smarttelefoner og begrenset båndbredde har kommet til å forvente nesten umiddelbar belastningstid. Jo mindre dine webbilder er, desto raskere blir bildene dine lastet og jo lykkeligere dine besøkende blir. I tillegg har mange nettsteder begrensninger på størrelsen på annonsebannere.
GIF-bilder og Internett
GIF-bilder skal ikke betraktes som en størrelse som passer til alle løsninger. GIF-bilder har maksimalt 256 farger, noe som betyr at du kan forvente alvorlig bilde- og fargedbryting hvis du ikke er forsiktig. GIF-filformatet, i mange henseender, er et eldre format som går tilbake til de tidligste dagene på nettet. Før innføringen av GIF-formatet ble webbilder svart og hvitt og komprimert ved hjelp av RLE-formatet. De oppstod først på scenen i 1987 da Compuserve lanserte formatet som en web imaging løsning. På den tiden kom fargen bare på skrivebordet, og Internett ble åpnet av modemer som var koblet til telefonlinjen. Dette skapte et behov for et bildeformat som holdt bilder små nok til å bli levert, via en telefonlinje, til en nettleser i kort rekkefølge.
GIF-bilder er ideelle for skarpkantet grafikk med en begrenset fargepalett, for eksempel en logo eller linjetegning. Selv om de kan brukes til fotografier, vil den reduserte fargepaletten introdusere artefakter i bildet. Likevel har Glitch Art-bevegelsen og økningen av cinemagraph utløst en fornyet interesse for GIF-formatet.
Slik reduserer du GIF-filstørrelsen for bedre ytelse på nettstedet
Disse tipsene vil hjelpe deg med å gjøre GIFene dine så små som mulig.
-
Beskjær eventuelle ekstra plass rundt bildet. Redusering av pikseldimensjonene til bildet ditt er den enkleste effektive måten å redusere filstørrelsen på. Hvis du bruker Photoshop, fungerer Trim-kommandoen bra for dette.
-
Når du forbereder et gif-bilde, vil du kanskje redusere utdatamåttene.
-
Reduser antall farger i bildet.
-
For animerte GIF, reduser antall rammer i bildet.
-
Hvis du bruker Photoshop CC 2017, kan du opprette en GIF-fil ved å bruke menyen Eksporter som. Å velge Fil > Eksporter som … og når menyen åpnes, velger du GIF som filformat og reduserer de fysiske dimensjonene (Bredde og Høyde) på bildet.
-
Hvis du bruker Adobe Photoshop Elements 14, velger du Fil > Lagre for web. Dette åpner dialogboksen Lagre for web, som også finnes i Adobe Photoshop CC 2017, Fil > Eksport > Lagre for web (eldre). Når den åpnes, kan du bruke dithering, redusere farge og fysiske dimensjoner av bildet.
-
Unngå dithering. Dithering kan gjøre noen bilder ser bedre ut, men det vil øke filstørrelsen. Hvis programvaren tillater det, bruk et lavere nivå for dithering for å lagre ekstra byte.
-
Noen programvare har et "lossy" alternativ for å lagre GIFs. Dette alternativet kan redusere filstørrelsen betydelig, men det reduserer også bildekvaliteten.
-
Ikke bruk interlacing. Interlacing øker vanligvis filstørrelsen.
-
Både Photoshop og Photoshop Elements viser deg nedlastingstiden. Ikke vær oppmerksom på det. Det er basert på bruk av et 56k modem. Et mer gyldig nummer vises hvis du velger et kabelmodem fra hurtigmenyen.
Tips
- Unngå ubrukelig animasjon. Overdreven animasjon legger ikke bare til nettsiden din nedlastingstid, men mange brukere finner det distraherende.
- GIF-bilder med store blokker med solid farge og horisontale mønstre komprimerer bedre enn bilder med fargegraderinger, myke skygger og vertikale mønstre.
- Når du reduserer fargene i GIF, får du den beste komprimeringen når antall farger er satt til minste mulig av disse alternativene: 2, 4, 8, 16, 32, 64, 128 eller 256.
