Hogyan csökkenthető a GIF fájl mérete a jobb webhely teljesítmény érdekében?

Az alázatos GIF csak azért jön vissza, mert az okostelefonok és a korlátozott sávszélességű felhasználók egyre növekvő használatával közel azonnali terhelési időt várnak. Minél kisebb a webes képed, annál gyorsabban töltődnek be a képek, és a boldogabbak lesznek a látogatók. Ezenkívül számos webhely korlátozza a hirdetési bannerek méretét.

GIF képek és a weben

A GIF-képeket nem úgy kell tekinteni, mint egy egyformájú megoldást. A GIF-képek maximum 256 színt tartalmaznak, vagyis komoly képeket és színes romlást várhat, ha nem vagy óvatos. A GIF fájlformátum sok tekintetben egy olyan régi formátum, amely a web legkorábbi napjaiban nyúlik vissza. A GIF formátum bevezetése előtt az internetes képek fekete-fehérek voltak, és az RLE formátummal tömörítették. 1987-ben megjelentek a helyszínen, amikor a Compuserve webes képalkotó megoldásként kiadta a formátumot. Abban az időben a szín már csak felbukkant az asztalon, és az internetet a telefonvonalhoz csatlakoztatott modemek is elérik. Ezáltal olyan képformátumra volt szükség, amely a képek elég kis méretűek lettek ahhoz, hogy rövid időn belül egy telefonvonalon keresztül böngészőkhöz jussanak.

A GIF-képek ideálisak az éles szegélyű grafikákhoz, korlátozott színpalettával, például logóval vagy vonalrajzokkal. Bár fényképeket használnak, a csökkentett színpaletta bemutatja a leleteket a képbe. Mégis, a Glitch Art mozgalma és a filmművészet felemelkedése új érdeklődést váltott ki a GIF formátumban.

Hogyan csökkenthető a GIF fájl mérete a jobb webhely teljesítmény érdekében?

Ezek a tippek segítenek abban, hogy a GIF-eket a lehető legkisebb méretűvé tegye.

  1. Vágja fel a kép körül minden további területet. A kép képpontméreteinek csökkentése az egyetlen leghatékonyabb módszer a fájlméret csökkentésére. Ha a Photoshop programot használja, akkor a Trim parancs jól működik.
  2. Gif-kép készítésénél célszerű csökkenteni a kimeneti méretet.
  3. Csökkentse a kép színeinek számát.
  4. Az animált GIF-ek esetében csökkentse a képkeretek számát a képen.
  5. Ha a Photoshop CC 2017 programot használja, létrehozhat egy GIF-fájlt az Exportálás menüpont használatával. Válassza a Fájl> Exportálás ... menüpontot, és amikor megnyílik a menü, válassza a GIF formátumot, és csökkenti a kép fizikai méretét (szélesség és magasság).
  6. Ha az Adobe Photoshop Elements 14 programot használja, válassza a Fájl> Mentés az internethez lehetőséget. Ezzel megnyílik a Save For Web (Mentés az internethez) párbeszédpanel, amely szintén megtalálható az Adobe Photoshop CC 2017-ben, a Fájl> Export> Mentés a Webhez (Legacy) . Amikor megnyílik, alkalmazhat ditheringet, csökkentheti a kép színét és fizikai dimenzióit.
  7. Kerülje a ditheringet. A dithering bizonyos képeket jobban kinézhet, de növeli a fájlméretet. Ha a szoftvere lehetővé teszi, akkor az extra bájtok mentéséhez használjon alacsonyabb ditheringet.
  1. Néhány szoftvernek van egy "veszteséges" módja a GIF-ek mentésére. Ez az opció jelentősen csökkentheti a fájlméretet, de csökkenti a képminőséget.
  2. Ne használjon interlacinget. Az átlapolás általában növeli a fájlméretet.
  3. Mind a Photoshop, mind a Photoshop Elements megmutatja a letöltési időt. Ne figyelj rá. Ez egy 56k-os modem használatán alapul. Egy érvényes szám jelenik meg, ha a legördülő menüből kiválaszt egy kábelmodemet.

tippek:

  1. Kerülje a haszontalan animációt. A túlzott animáció nem csak a weboldal letöltési idejét adja hozzá, de sok felhasználó zavart.
  2. A nagy színű és vízszintes tömbökkel rendelkező GIF-képek jobban tömörülnek, mint a színátmenetek, a puha árnyékok és a függőleges minták.
  3. Ha csökkenteni szeretné a színeket a GIF-ekben, akkor a legjobb tömörítést kapja, ha a számszínek beállítása a lehető legkisebb: 2, 4, 8, 16, 32, 64, 128 vagy 256.

Frissítette Tom Green