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 ottaa tumma tila käyttöön Notionissa
Kuinka ottaa tumma tila käyttöön Notionissa
Jos käytät Notion muistiinpanosovellusta, saatat haluta aktivoida Tumman tilan asetuksen. On monia syitä, miksi ihmiset suosivat tummaa tilaa, joko tietokoneen lähettämän valon vähentäminen, silmien rasituksen torjuminen,
Kuinka antaa järjestelmänvalvojalle pääsy toiselle käyttäjälle ristiriidassa
Kuinka antaa järjestelmänvalvojalle pääsy toiselle käyttäjälle ristiriidassa
https://www.youtube.com/watch?v=zV6ZGRXUvuE Olet asettanut itsellesi suloisen palvelimen Discordiin. Muutama lähimmistä silmuistasi, joitain uusia melko mahtavia ihmisiä, ja paikka kukoistaa. Haluat ajatella, että sinä
5 parasta Android-emulaattoria Macille vuonna 2024
5 parasta Android-emulaattoria Macille vuonna 2024
Saatavilla on paljon upeita Android-sovelluksia, mutta et voi käyttää niitä Mac-tietokoneellasi ilman emulaattoria. Pyrimme tuomaan sinulle tämän luettelon parhaista Android-emulaattoreista Macille.
Kuinka sammuttaa iPhone käyttämättä virtapainiketta
Kuinka sammuttaa iPhone käyttämättä virtapainiketta
https://www.youtube.com/watch?v=jPy4i0dbh-U Älypuhelimista tulee monimutkaisempia vuosittain, ja olet ehkä huomannut kehittyvän trendin. Nykypäivän puhelimissa on aina ainakin kaksi tapaa tehdä sama asia, yleensä
Suoritus ja viimeistely Apex Legendsissä
Suoritus ja viimeistely Apex Legendsissä
Apex Legendsin kaltaisen PvP-pelin päättäjät tarjoavat mahdollisuuden hieroa pelaajan kasvoja tappiossaan ja päättää pelielämänsä viimeisellä kukoistamisella. Ne ovat keskeinen osa monia tietokonepelejä ja
Sanyo Xacti VPC-HD700 -katsaus
Sanyo Xacti VPC-HD700 -katsaus
Erottuvat pistoolikahvan Xacti-videokamerat ovat olleet noin vuodesta 2003, jolloin tarkastelimme Sanyo VPC-C1: tä. Alkuperäisen mallin videonlaatu ei ollut tarpeeksi hyvä perustelemaan sen korkeaa hintaa, mutta asiat ovat sittemmin muuttuneet
Parhaat käsityömallit [tammikuu 2020]
Parhaat käsityömallit [tammikuu 2020]
Käsite on uusi tuottavuussovellus, jonka avulla voit järjestää työviikon. Runsailla työkaluilla ja malleilla pystyt rakentamaan työsi mieleisekseen. Toisin kuin muut sovellukset, kuten OneNote, Notion estää infrastruktuurin