Hoe om GIF Lêergrootte te verminder vir beter webwerf prestasie

Die lae GIF maak 'n terugkeer, bloot omdat die toenemende gebruik van slimfone en beperkte bandwydte gebruikers amper onmiddellik laai tye verwag het. Hoe kleiner jou web beelde is, hoe vinniger jou prente sal laai en hoe gelukkiger jou besoekers sal wees. Daarbenewens het baie webwerwe beperkinge op die grootte van advertensie baniere.

GIF Beelde en die web

GIF beelde word nie beskou as 'n een-grootte pas by al die oplossings nie. GIF-beelde het 'n maksimum van 256 kleure, wat beteken dat jy ernstige beeld- en kleurdegradasie kan verwag as jy nie versigtig is nie. Die GIF-lêerformaat, in baie opsigte, is 'n nalatenskap formaat wat teruggaan na die vroegste dae van die web. Voor die bekendstelling van die GIF-formaat was webbeelde swart en wit en saamgepers met behulp van die RLE-formaat. Hulle het eers in 1987 op die toneel verskyn toe Compuserve die formaat vrygestel het as 'n webbeeld oplossing. Op daardie stadium het kleur net op die lessenaar verskyn en die web is toeganklik deur modems wat met die telefoonlyn verbind is. Dit het 'n behoefte aan 'n beeldformaat geskep wat beelde klein genoeg gehou het om in 'n kort volgorde deur 'n telefoonlyn na 'n webblaaier afgelewer te word.

GIF-beelde is ideaal vir skerp sketse met 'n beperkte kleurpalet, soos 'n logo of lyntekening. Alhoewel hulle vir foto's gebruik kan word, sal die verminderde kleurpalet artefakte in die beeld voorstel. Tog het die Glitch Art-beweging en die opkoms van die cinemagraph 'n nuwe belangstelling in die GIF-formaat tot gevolg gehad.

Hoe om GIF Lêergrootte te verminder vir beter webwerf prestasie

Hierdie wenke sal jou help om jou GIF's so klein moontlik te maak.

  1. Sny enige ekstra spasie rondom die beeld af. Die vermindering van die pixel afmetings van jou beeld is die mees doeltreffende manier om die lêer grootte te verminder. As jy Photoshop gebruik, werk die Trim-opdrag goed hiervoor.
  2. As u 'n gif-beeld opstel, kan u die afvoerafmetings verminder.
  3. Verminder die aantal kleure in die prent.
  4. Vir geanimeerde GIF's, verminder die aantal rame in die prent.
  5. As jy Photoshop CC 2017 gebruik, kan jy 'n GIF-lêer skep deur die kieslys-item as uitvoer as te gebruik. Kies Lêer> Uitvoer As ... en wanneer die kieslys oopmaak, kies GIF as die lêerformaat en verminder die fisiese afmetings (Breedte en Hoogte) van die prent.
  6. As jy Adobe Photoshop Elements 14 gebruik, kies Lêer> Stoor vir web. Dit sal die dialoogkassie Stoor vir web oopmaak wat ook in Adobe Photoshop CC 2017 gevind word, File> Export> Save for Web (Legacy) . Wanneer dit oopmaak, kan jy dithering toepas, die kleur en fisiese dimensies van die beeld verminder.
  7. Vermy dithering. Dithering kan sommige beelde beter laat lyk, maar dit sal die lêer grootte verhoog. As u sagteware dit toelaat, gebruik 'n laer vlak van dithering om ekstra grepe te stoor.
  1. Sommige sagteware het 'n "verlies" -opsie om GIF's te stoor. Hierdie opsie kan die grootte van die lêer aansienlik verminder, maar dit verminder ook beeldkwaliteit.
  2. Moenie interlacing gebruik nie. Interlacing verhoog gewoonlik die grootte van die lêer.
  3. Beide Photoshop en Photoshop Elements sal jou die aflaaistyd wys. Gee geen aandag aan dit nie. Dit is gebaseer op die gebruik van 'n 56k-modem. 'N Meer geldige nommer sal verskyn as u 'n kabelmodem kies in die keuselys.

Wenke:

  1. Vermy nuttelose animasie. Oormatige animasie voeg nie net die aflaaistyd van jou webblad by nie, maar baie gebruikers vind dit afleidend.
  2. GIF beelde met groot blokke van vaste kleur en horisontale patrone komprimeer beter as beelde met kleurgrade, sagte skaduwees en vertikale patrone.
  3. As u kleure in GIF's verminder, kry u die beste kompressie wanneer die aantal kleure op die kleinste moontlike van hierdie opsies gestel word: 2, 4, 8, 16, 32, 64, 128 of 256.

Opgedateer deur Tom Green