Tärkein Graafinen Suunnittelu Kuinka pienentää GIF-tiedoston kokoa parantaaksesi verkkosivuston suorituskykyä

Kuinka pienentää GIF-tiedoston kokoa parantaaksesi verkkosivuston suorituskykyä



Mitä tietää

  • Rajaa ylimääräistä tilaa kuvan ympärille pienentääksesi sen pikselimittoja. Kun valmistelet GIF-tiedostoa, pienennä sen tulostusmittoja.
  • Vähennä kuvan värien määrää. Vähennä animoitujen GIF-tiedostojen kehysten määrää.
  • Vältä hämärtymistä ja lomittelua. Jos ohjelmistossasi on häviöllinen vaihtoehto GIF-tiedostojen tallentamiseen, tämä pienentää tiedostokokoa merkittävästi.

Tässä artikkelissa selitetään yleiset säännöt, joita kannattaa harkita GIF-tiedostojen koon pienentämiseksi verkkosivustollasi, jotta kuvat latautuvat nopeammin ja verkkosivustosi toimii tehokkaammin.

Kuinka pienentää GIF-tiedoston kokoa parantaaksesi verkkosivuston suorituskykyä

Jotta GIF-tiedostosi olisi mahdollisimman tehokas:

  1. Rajaa ylimääräinen tila kuvan ympäriltä. Kuvan pikselimittojen pienentäminen on tehokkain tapa pienentää tiedostokokoa. Jos käytät Photoshopia, Trimmata komento toimii tähän hyvin.

  2. Kun valmistelet GIF-kuvaa, pienennä tulosteen mittoja. Jokainen grafiikan muokkausohjelma tarjoaa erilaisia ​​komentoja koon muuttamiseen.

  3. Vähennä kuvan värien määrää. GIF-kuvat näyttävät vain 256 väriä, mutta jos kuvassasi on vain muutama, vähennä värien määrää joka tapauksessa. Kun vähennät värejä GIF-tiedostoissa, saat parhaan pakkauksen, kun numerovärit on asetettu pienimpään mahdolliseen seuraavista vaihtoehdoista: 2, 4, 8, 16, 32, 64, 128 tai 256.

  4. Vähennä kuvan kehysten määrää animoituja GIF-tiedostoja varten. Vältä turhaa animaatiota yleensä. Liiallinen animaatio lisää verkkosivujen latausaikaa, ja monet ihmiset pitävät sitä häiritsevänä.

    kuinka tarkistaa ps4: llä toistettu aika
  5. Jos käytät Photoshop , luo GIF-tiedosto käyttämällä Vie nimellä valikon kohta. Valitse Tiedosto > Vie nimellä . Kun valikko avautuu, valitse GIF tiedostomuodoksi ja pienennä kuvan fyysisiä mittoja (leveyttä ja korkeutta).

  6. Jos käytät Adobe Photoshop Elements -ohjelmaa, valitse Tiedosto > Tallenna verkkoon . Tämä prosessi avaa Tallenna verkkoon valintaikkuna, joka löytyy myös Adobe Photoshopista osoitteesta Tiedosto > Viedä > Tallenna verkkoon (vanha) . Kun se avautuu, käytä värjäystä, vähennä väriä ja muokkaa kuvan fyysisiä mittoja.

    voitko muuntaa koaksismin HDMI: ksi
  7. Vältä närästystä. Dathering saattaa parantaa joidenkin kuvien näyttämistä, mutta se kasvattaa tiedostokokoa. Jos ohjelmistosi sallii sen, säästä ylimääräisiä tavuja käyttämällä alempaa tasoa.

  8. Joissakin ohjelmistoissa on häviöllinen vaihtoehto GIF-tiedostojen tallentamiseen. Tämä vaihtoehto voi pienentää merkittävästi tiedoston kokoa, mutta se myös heikentää kuvan laatua.

  9. Älä käytä lomitusta. Lomitus yleensä lisää tiedostokokoa.

  10. Sekä Photoshop että Photoshop Elements näyttävät latausajan. Älä kiinnitä siihen huomiota. Se perustuu 56k modeemin käyttöön. Kelvollisempi numero tulee näkyviin, jos valitset kaapelimodeemin avattavasta valikosta.

GIF-kuvat ja verkko

GIF-kuvat eivät ole yksikokoinen ratkaisu. GIF-kuvissa on enintään 256 väriä, mikä tarkoittaa, että voit odottaa vakavaa kuvan ja värin heikkenemistä, jos et ole varovainen.

GIF-tiedostomuoto on monessa suhteessa vanha muoto, joka juontaa juurensa verkon varhaisiin päiviin. Ennen GIF-muodon käyttöönottoa verkkokuvat olivat mustavalkoisia ja pakattuja RLE-muotoon. GIF-kuvat ilmestyivät ensimmäisen kerran näyttämölle vuonna 1987, kun Compuserve julkaisi muodon web-kuvaratkaisuna. Tuolloin työpöydälle oli juuri ilmestymässä väriä, ja puhelinlinjaan kytketyt modeemit pääsivät verkkoon. Tämä uusi infrastruktuuri loi tarpeen kuvamuodolle, joka piti kuvat riittävän pieninä toimitettavaksi puhelinlinjan kautta verkkoselaimeen lyhyessä ajassa.

GIF-kuvat sopivat ihanteellisesti teräväreunaiseen grafiikkaan, jossa on rajoitettu väripaletti, kuten logo tai viivapiirros. Vaikka GIF-muotoa voidaan käyttää valokuviin, supistettu väripaletti tuo kuvaan artefakteja. Silti, Glitch Art -liike ja nousu elokuvakuvaaja ovat herättäneet uutta kiinnostusta GIF-muotoa kohtaan.

FAQ
  • Kuinka voin muuttaa emoji-GIF-koon Discordille?

    Kun lataat GIF-tiedoston Discordiin, se säätää kuvan automaattisesti 128 x 128 pikseliksi tarvittaessa. Vaikka Discord sallii kuvien ja muiden tiedostojen jakamisen aina 8 megatavuun asti (tai enemmän Nitro-tilauksella), emojien kokorajoitus on 256 kt.

  • Kuinka pakkaan GIF-tiedoston laadun heikkenemättä?

    Yksinkertaisin tapa pakata GIF-tiedosto laatuun vaikuttamatta on käyttää File Explorerin omaa pakkausominaisuutta. Joitakin kolmannen osapuolen pakkausohjelmistoja, kuten WinZipiä, voidaan käyttää myös GIF-tiedostojen pakkaamiseen heikentämättä niiden yleistä visuaalista laatua.

    kuinka vapauttaa ihmisten lukitus fortnite-sivustolla
  • Kuinka yhdistän useita GIF-tiedostoja yhdeksi GIF:ksi?

    Valitse kuvankäsittelyohjelmalla, kuten Photoshopilla Tiedosto > Tuonti > Videokehykset tasoiksi ja valitse kaikki GIF-tiedostot, jotka haluat yhdistää. Valitse kaikki ensimmäisen GIF:n animaatiokehykset ja kopioi ne sitten valitsemalla Ikkuna > Animaatio . Siirry seuraavaksi seuraavaan GIF-tiedostoon, valitse, mihin haluat lisätä edellisen GIF-tiedoston, ja liitä sitten kopioidut kehykset. Toista muiden GIF-tiedostojen kanssa, jotka haluat lisätä, ja vie sitten valmis yhdistäminen, kun olet valmis.

Mielenkiintoisia Artikkeleita

Toimituksen Valinta

Kuinka korjata 'ei voi lukea lähdetiedostosta tai levyltä' -virheitä
Kuinka korjata 'ei voi lukea lähdetiedostosta tai levyltä' -virheitä
Tiedostojen siirtäminen asemalta asemalle tai tietokoneelta tietokoneelle on yleinen tehtävä sekä toimistoympäristöissä että vapaa-ajan tietokoneissa. Virheilmoitus ei ole vieras Windows-käyttäjille, jotka siirtävät säännöllisesti suuria tiedostoja (etenkin useita gigatavuja)
Kuinka huijata GPS-sijainti iPhonessa
Kuinka huijata GPS-sijainti iPhonessa
Android-puhelimissa on sama GPS-laitteisto kuin iPhonessa. iOS-rajoitukset tekevät kuitenkin siitä, että puhelimen saaminen suorittamaan mikä tahansa koodinpätkä, joka johtaa valvomattomien ohjelmien suorittamiseen, on joko ylämäkeen taistelevaa tai täysin mahdotonta.
Poista sovellusten pääsy viesteihin käytöstä Windows 10: ssä
Poista sovellusten pääsy viesteihin käytöstä Windows 10: ssä
Viimeaikaiset Windows 10 -rakennukset voidaan määrittää sallimaan tai estämään käyttöjärjestelmä ja sovellukset pääsystä viestisi, esim. SMS- ja MMS-keskustelut. On mahdollista muokata, mitkä sovellukset voivat lukea niitä.
Gnome Nature -teema Windows 10: lle, Windows 7: lle ja Windows 8: lle
Gnome Nature -teema Windows 10: lle, Windows 7: lle ja Windows 8: lle
Hanki nämä hämmästyttävät luonnonkuvat Gnome-taustakuvista, jotka on asetettu Windows-työpöydällesi. Gnome Nature -teema Windows 10: lle, Windows 7: lle ja Windows 8: lle sisältää useita kauniita taustakuvia, jotka tulevat Arch Linuxin Gnome Desktop Environment -ruutuun. Teemapaketissa on 12 mahtavaa työpöydän taustakuvaa, lähinnä luontoa ja maisemia.
Kuinka saada Windows Photo Viewer toimimaan Windows 10: ssä
Kuinka saada Windows Photo Viewer toimimaan Windows 10: ssä
Näin ohitat rajoitukset ja saat Windows Photo Viewerin toimimaan uudelleen Windows 10 RTM: ssä.
HP Slate 10 HD -katsaus
HP Slate 10 HD -katsaus
HP: n viimeinen Android-tabletti, Slate 7, ei vaikuttunut meistä, mutta Slate 10 HD lupaa olla paljon onnistuneempi muotoilu. Se on budjetti 10,1 tuuman laite, mutta lisättynä bonuksella a
Avaa Classic System Properties Windows 10 -versiossa 20H2
Avaa Classic System Properties Windows 10 -versiossa 20H2
Klassisten järjestelmäominaisuuksien avaaminen Windows 10 -versiossa 20H2 Windows 10 -versio 20H2, joka tunnetaan myös nimellä `` lokakuun 20H2-päivitys '', vasaroi vielä yhden naulan klassisen ohjauspaneelin arkkuun. System Properties -sovellus, joka näyttää yleisiä tietoja tietokoneistasi ja sisältää myös muutaman linkin muihin sovelmiin, on