Alhainen GIF on palannut pelkästään siksi, että älypuhelinten käytön lisääntyessä ja rajoitetun kaistanleveyden käyttäjät ovat odottaneet lähes välittömästi latausaikoja. Mitä pienemmät web-kuvat ovat, sitä nopeammin kuvien latautuvat ja onnellisemmat vierailijasi ovat. Lisäksi monet sivustot rajoittavat mainosbannereiden kokoa.
GIF-kuvat ja verkko
GIF-kuvia ei pidetä yhden kokoisena, sopii kaikkiin ratkaisuihin. GIF-kuvissa on korkeintaan 256 väriä, joten voit odottaa vakavaa kuvan ja värin heikkenemistä, jos et ole varovainen. GIF-tiedostomuoto on monessa suhteessa vanha muoto, joka ulottuu verkon varhaisimmille päiville. Ennen GIF-formaatin käyttöönottoa web-kuvat olivat mustavalkoisia ja puristettiin käyttäen RLE-muotoa. He esiintyivät ensimmäisenä vuonna 1987, kun Compuserve julkaisi muodon web-kuvantamisratkaisuksi. Tuolloin juuri väri nousi työpöydälle ja verkkoon pääsi puhelinlinjaan liitetyillä modeemeilla. Tämä johti tarpeeseen kuvamuodossa, joka piti kuvat tarpeeksi pieninä toimitettaviksi puhelinlinjan kautta verkkoselailuun lyhyessä järjestyksessä.
GIF-kuvat sopivat erinomaisesti terävöidyille grafiikoille, joilla on rajoitettu väripaletti, kuten logo tai viivapiirustus. Vaikka niitä voidaan käyttää valokuvissa, pienennetty väripaletti esittelee artefakteja kuvaksi. Silti Glitch Art -liike ja elokuvateoksen nousu ovat herättäneet kiinnostuksen GIF-muotoon.
Kuinka vähentää GIF-tiedoston kokoa parantamaan Web-sivuston tehokkuutta
Nämä vinkit auttavat tekemään GIF-tiedostojasi mahdollisimman pieniksi.
- Rajaa kaikki ylimääräinen tila kuvan ympärillä. Kuvan pikseliominaisuuksien pienentäminen on ainoa tehokas tapa pienentää tiedostokokoa. Jos käytät Photoshopia, Trim-komento toimii hyvin.
- Kun valmistelet gif-kuvaa, saatat haluta vähentää tulostusmääriä.
- Pienennä kuvan värejä.
- Jos haluat animoituja GIF-tiedostoja, vähennä kuvan kehysten määrää.
- Jos käytät Photoshop CC 2017: ta, voit luoda GIF-tiedoston käyttämällä Vienti nimellä -valikkokohtaa. Valitse Tiedosto> Vie nimellä ... ja kun valikko avautuu, valitse GIF tiedostomuodoksi ja pienennä kuvan fyysisiä ulottuvuuksia (leveys ja korkeus).
- Jos käytät Adobe Photoshop Elements 14 -ohjelmaa, valitse Tiedosto> Tallenna web. Tämä avaa Save For Web -valintaikkunan, joka löytyy myös Adobe Photoshop CC 2017: sta, Tiedosto> Vie> Tallenna Webille (Legacy) . Kun se avautuu, voit käyttää ditheringia, pienentää kuvan väriä ja fyysisiä ulottuvuuksia.
- Vältä kaventamista. Dithering saattaa tehdä kuvista parempia, mutta se lisää tiedostojen kokoa. Jos ohjelmistosi sallii sen, käytä pienempää dithering-tasoa, jotta voit säästää ylimääräisiä tavuja.
- Joillakin ohjelmilla on "häviöllinen" vaihtoehto GIF-tiedostojen tallentamiseen. Tämä vaihtoehto vähentää merkittävästi tiedostokokoa, mutta se myös vähentää kuvan laatua.
- Älä käytä lomitusta. Lomittaminen lisää tavallisesti tiedostokokoa.
- Sekä Photoshop että Photoshop Elements näyttävät latausaikana. Älä kiinnitä huomiota siihen. Se perustuu 56k modeemin käyttöön. Kelvollinen luku tulee näkyviin, jos valitset kaapelimodeemin pudotusvalikosta.
vinkkejä:
- Vältä turhia animaatioita. Liiallinen animaatio ei ainoastaan lisää Web-sivusi latausaikaa, mutta monet käyttäjät pitävät sitä häiritsevänä.
- GIF-kuvat, joissa on suuret kiinteän värin ja vaakasuuntaiset kuviot, puristuvat paremmin kuin kuvat, joissa on värit, pehmeät varjot ja pystysuorat kuvioinnit.
- Kun pienennät värejä GIF-tiedostoissa, saat parhaan pakkauksen, kun numeroiden värit asetetaan mahdollisimman pieniksi näistä vaihtoehdoista: 2, 4, 8, 16, 32, 64, 128 tai 256.
Päivitetty Tom Green