Hur man minskar GIF-filstorleken för bättre webbplatsprestanda

Vad du ska veta

• Beskär extra utrymme runt bilden för att minska dess pixelmått. När du förbereder GIF, minska dess utdatadimensioner.
• Minska antalet färger i bilden. För animerade GIF-bilder, minska antalet bildrutor.
• Undvik dithering och interlacing. Om din programvara har ett förlustalternativ för att spara GIF-filer, kommer detta att minska filstorleken avsevärt.

Den här artikeln förklarar allmänna regler att överväga för att minska filstorleken på GIF-filer på din webbplats så att bilder laddas snabbare och din webbplats fungerar mer effektivt.

Hur man minskar GIF-filstorleken för bättre webbplatsprestanda

För att göra din GIF så effektiv som möjligt:

1. Beskär eventuellt extra utrymme runt bilden. Att minska pixelmåtten på en bild är det mest effektiva sättet att minska filstorleken. Om du använder Photoshop, Trim kommandot fungerar bra för detta.

2. När du förbereder en GIF-bild, minska utmatningsmåtten. Varje grafikredigeringsprogram erbjuder olika kommandon för storleksändring.

3. Minska antalet färger i bilden. GIF-bilder visar bara 256 färger, men om din bild bara har några få, minska antalet färger ändå. När du reducerar färger i GIF-filer får du den bästa komprimeringen när sifferfärgerna är inställda på minsta möjliga av dessa alternativ: 2, 4, 8, 16, 32, 64, 128 eller 256.

4. Minska antalet bildrutor i bilden för animerade GIF-filer. Undvik värdelös animation i allmänhet. Överdriven animering ökar nedladdningstiden för webbsidor, och många tycker att det är distraherande.

   hur man konverterar en wav till mp3

5. Om du använder Photoshop , skapa en GIF-fil med hjälp av Exportera som menyalternativ. Välj Fil > Exportera som . När menyn öppnas väljer du GIF som filformat och minska bildens fysiska dimensioner (bredd och höjd).

6. Om du använder Adobe Photoshop Elements, välj Fil > Spara för webben . Denna process öppnar Spara för webben dialogruta som också finns i Adobe Photoshop på Fil > Exportera > Spara för webben (legacy) . När den öppnas, använd rastrering, minska färgen och ändra bildens fysiska dimensioner.

   vad är kortkommandot för genomstrykning

7. Undvik dithering. Dithering kan få vissa bilder att se bättre ut, men det ökar filstorleken. Om din programvara tillåter det, använd en lägre nivå av vibrering för att spara extra byte.

8. Vissa program har ett förlustalternativ för att spara GIF-filer. Det här alternativet kan minska filstorleken avsevärt, men det minskar också bildkvaliteten.

9. Använd inte interlacing. Interlacing ökar vanligtvis filstorleken.

10. Både Photoshop och Photoshop Elements visar nedladdningstiden. Var inte uppmärksam på det. Det är baserat på användningen av ett 56k modem. Ett mer giltigt nummer visas om du väljer ett kabelmodem från rullgardinsmenyn.

GIF-bilder och webben

GIF-bilder är inte en lösning som passar alla. GIF-bilder har maximalt 256 färger, vilket innebär att du kan förvänta dig allvarlig bild- och färgförsämring om du inte är försiktig.

GIF-filformatet är i många avseenden ett äldre format som går tillbaka till webbens tidigaste dagar. Innan introduktionen av GIF-formatet var webbbilder svartvita och komprimerade med RLE-formatet. GIF:er dök upp först på scenen 1987 när Compuserve släppte formatet som en webbbildslösning. På den tiden började färg bara växa fram på skrivbordet, och webben nåddes av modem anslutna till telefonlinjen. Denna nya infrastruktur skapade ett behov av ett bildformat som höll bilderna tillräckligt små för att kunna levereras via en telefonlinje till en webbläsare på kort tid.

GIF-bilder är idealiska för grafik med skarpa kanter med en begränsad färgpalett, som en logotyp eller linjeteckning. Även om GIF-formatet kan användas för fotografier, introducerar den reducerade färgpaletten artefakter i bilden. Ändå Glitch Art-rörelse och uppkomsten av biograf har väckt ett förnyat intresse för GIF-formatet.

• Hur anpassar jag en emoji GIF för Discord?

  När du laddar upp en GIF till Discord kommer den automatiskt att justera bilden till 128x128 pixlar vid behov. Medan Discord tillåter delning av bilder och andra filer upp till 8MB (eller mer med en Nitro-prenumeration), är storleksgränsen för emojis 256kb.

• Hur komprimerar jag en GIF utan att förlora kvalitet?

  Det enklaste sättet att komprimera en GIF utan att påverka kvaliteten är att använda File Explorers egen komprimeringsfunktion . Vissa komprimeringsprogram från tredje part, som WinZip , kan också användas för att komprimera GIF-filer utan att minska deras övergripande visuella kvalitet.

  nova launcher lägg till app på startskärmen

• Hur kombinerar jag flera GIF till en enda GIF?

  Använd bildredigeringsprogram som Photoshop, välj Fil > Importera > Videoramar till lager och välj alla GIF-filer du vill kombinera. Markera alla animeringsramar i den första GIF-filen och kopiera dem sedan genom att välja Fönster > Animation . Gå sedan till nästa GIF, välj var du vill infoga föregående GIF och klistra sedan in de kopierade ramarna. Upprepa med andra GIF-filer du vill lägga till och exportera sedan den färdiga sammanslagningen när du är klar.