Hoofd Grafisch Ontwerp Hoe u de GIF-bestandsgrootte kunt verkleinen voor betere websiteprestaties

Hoe u de GIF-bestandsgrootte kunt verkleinen voor betere websiteprestaties



Wat te weten

  • Snijd extra ruimte rond de afbeelding bij om de pixelafmetingen te verkleinen. Wanneer u de GIF voorbereidt, verkleint u de uitvoerafmetingen.
  • Verminder het aantal kleuren in de afbeelding. Voor geanimeerde GIF's verkleint u het aantal frames.
  • Vermijd dithering en interliniëring. Als uw software een verlieslatende optie heeft voor het opslaan van GIF's, zal dit de bestandsgrootte aanzienlijk verkleinen.

In dit artikel worden algemene regels uitgelegd waarmee u rekening moet houden om de bestandsgrootte van GIF's op uw website te verkleinen, zodat afbeeldingen sneller worden geladen en uw website efficiënter werkt.

Hoe u de GIF-bestandsgrootte kunt verkleinen voor betere websiteprestaties

Om uw GIF zo efficiënt mogelijk te maken:

  1. Snijd eventuele extra ruimte rondom de afbeelding bij. Het verkleinen van de pixelafmetingen van een afbeelding is de meest effectieve manier om de bestandsgrootte te verkleinen. Als u Photoshop gebruikt, wordt de Trimmen commando werkt hier goed voor.

  2. Wanneer u een GIF-afbeelding voorbereidt, verkleint u de uitvoerafmetingen. Elk grafisch bewerkingsprogramma biedt verschillende opdrachten voor het wijzigen van de grootte.

  3. Verminder het aantal kleuren in de afbeelding. GIF's geven slechts 256 kleuren weer, maar als uw afbeelding er maar een paar heeft, verlaag dan toch het aantal kleuren. Wanneer u kleuren in GIF's reduceert, krijgt u de beste compressie als het aantal kleuren is ingesteld op de kleinst mogelijke van deze opties: 2, 4, 8, 16, 32, 64, 128 of 256.

  4. Verminder het aantal frames in de afbeelding voor geanimeerde GIF's. Vermijd in het algemeen nutteloze animaties. Overmatige animaties verhogen de downloadtijd van webpagina's en veel mensen vinden dit afleidend.

    geeft snapchat een melding wanneer je op het scherm een ​​verhaal opneemt 2020
  5. Als je gebruikt Photoshoppen , maak een GIF-bestand met behulp van de Exporteren als menu onderdeel. Selecteer Bestand > Exporteren als . Wanneer het menu wordt geopend, selecteert u GIF als bestandsformaat en verklein de fysieke afmetingen (breedte en hoogte) van de afbeelding.

  6. Als u Adobe Photoshop Elements gebruikt, selecteert u Bestand > Opslaan voor internet . Dit proces opent de Opslaan voor internet dialoogvenster dat ook te vinden is in Adobe Photoshop op Bestand > Exporteren > Opslaan voor internet (verouderd) . Wanneer het wordt geopend, past u dithering toe, verkleint u de kleur en wijzigt u de fysieke afmetingen van de afbeelding.

    nova launcher app toevoegen aan startscherm
  7. Vermijd dithering. Dithering kan ervoor zorgen dat sommige afbeeldingen er beter uitzien, maar het vergroot de bestandsgrootte. Als uw software dit toestaat, gebruikt u een lager ditheringniveau om extra bytes te besparen.

  8. Sommige software heeft een optie met verlies voor het opslaan van GIF's. Deze optie kan de bestandsgrootte aanzienlijk verkleinen, maar vermindert ook de beeldkwaliteit.

  9. Gebruik geen interlacing. Interliniëring vergroot doorgaans de bestandsgrootte.

  10. Zowel Photoshop als Photoshop Elements tonen de downloadtijd. Besteed er geen aandacht aan. Het is gebaseerd op het gebruik van een 56k-modem. Er verschijnt een geldiger nummer als u een kabelmodem selecteert in het vervolgkeuzemenu.

GIF-afbeeldingen en het web

GIF-afbeeldingen zijn geen one size fits all-oplossing. GIF-afbeeldingen hebben maximaal 256 kleuren, wat betekent dat u ernstige beeld- en kleurverslechtering kunt verwachten als u niet oppast.

Het GIF-bestandsformaat is in veel opzichten een oud formaat dat teruggaat tot de begindagen van het web. Vóór de introductie van het GIF-formaat waren webafbeeldingen zwart-wit en gecomprimeerd met behulp van het RLE-formaat. GIF's verschenen voor het eerst op het toneel in 1987 toen Compuserve het formaat uitbracht als een oplossing voor webimaging. In die tijd ontstond kleur op het bureaublad en was internet toegankelijk via modems die op de telefoonlijn waren aangesloten. Door deze nieuwe infrastructuur ontstond er behoefte aan een beeldformaat dat de beelden klein genoeg hield om via een telefoonlijn in korte tijd aan een webbrowser te worden geleverd.

GIF-afbeeldingen zijn ideaal voor afbeeldingen met scherpe randen en een beperkt kleurenpalet, zoals een logo of lijntekening. Hoewel het GIF-formaat voor foto's kan worden gebruikt, introduceert het beperkte kleurenpalet artefacten in de afbeelding. Toch is de Glitch Art-beweging en de opkomst van de cinemagraaf hebben een hernieuwde belangstelling voor het GIF-formaat aangewakkerd.

FAQ
  • Hoe bepaal ik het formaat van een emoji-GIF voor Discord?

    Wanneer u een GIF naar Discord uploadt, wordt de afbeelding indien nodig automatisch aangepast naar 128x128 pixels. Hoewel Discord het delen van afbeeldingen en andere bestanden tot 8 MB (of meer met een Nitro-abonnement) toestaat, is de maximale grootte voor emoji's 256 kb.

  • Hoe comprimeer ik een GIF zonder kwaliteitsverlies?

    De eenvoudigste manier om een ​​GIF te comprimeren zonder de kwaliteit te beïnvloeden, is door de eigen compressiefunctie van File Explorer te gebruiken. Sommige compressiesoftware van derden, zoals WinZip, kan ook worden gebruikt om GIF's te comprimeren zonder de algehele visuele kwaliteit ervan te verminderen.

    hoe verwijder ik veel vis-account?
  • Hoe combineer ik meerdere GIF's in één GIF?

    Gebruik beeldbewerkingssoftware zoals Photoshop en selecteer Bestand > Importeren > Videoframes naar lagen en kies alle GIF's die je wilt combineren. Selecteer alle animatieframes in de eerste GIF en kopieer ze vervolgens door te selecteren Raam > Animatie . Ga vervolgens naar de volgende GIF, kies waar je de vorige GIF wilt invoegen en plak vervolgens de gekopieerde frames. Herhaal dit met andere GIF's die je wilt toevoegen en exporteer vervolgens de voltooide samenvoeging als je klaar bent.

Interessante Artikelen

Editor'S Choice

Werkt Life360 op een Apple Watch?
Werkt Life360 op een Apple Watch?
Dat is een lastige vraag, want het hangt af van het model Apple Watch dat u heeft. Ja, Life360 werkt op een bepaalde versie van de Apple Watch. Namelijk op de nieuwste modellen van Apple Watch (series 5 en 4). echter, de
Hoe u de Windows Firewall kunt uitschakelen
Hoe u de Windows Firewall kunt uitschakelen
Hier leest u hoe u de Windows Firewall uitschakelt in Windows 10, 8, 7, Vista en XP. Het uitschakelen van de firewall is soms noodzakelijk.
HP Envy 13 review: slank maar niet erg inspirerend
HP Envy 13 review: slank maar niet erg inspirerend
Update: de HP Envy 13 is nog steeds beschikbaar, maar is overgenomen door HP's recentere, ultradunne aanbod: de HP Spectre 13. Als je op zoek bent naar een slanke HP portable, kun je overwegen
Samsung Galaxy Note 3 recensie
Samsung Galaxy Note 3 recensie
Toen de originele Samsung Galaxy Note voor het eerst verscheen, wisten we niet zeker of smartphones met een groot scherm van de grond zouden komen; drie jaar later, met de release van de derde generatie Samsung Galaxy Note 3, lijkt het erop dat de gigantische smartphone dat heeft
Hoe Apple Music op Fire Stick te krijgen
Hoe Apple Music op Fire Stick te krijgen
Om Apple Music op Fire Stick te krijgen, moet je de Apple Music-vaardigheid in de Alexa-app inschakelen en vervolgens Alexa gebruiken om naar Apple Music op je Fire Stick te luisteren.
Amazon Underground: hoe krijg ik gratis Android-apps
Amazon Underground: hoe krijg ik gratis Android-apps
Amazon geeft gratis apps weg. In feite heeft het de afgelopen maanden gratis Android-apps uitgedeeld, hoewel Amazon Underground pas onlangs buiten het VK is gelanceerd. Nee, pas je set niet aan,
Wat is externe SATA (eSATA)?
Wat is externe SATA (eSATA)?
Met de ontwikkeling van Serial ATA-standaarden is er een extern opslagformaat, externe Serial ATA, op de markt gekomen. Dit is wat u moet weten over eSATA.