Како смањити величину датотеке ГИФ за боље перформансе веб сајта

Нижљиви ГИФ се враћа једноставно зато што су уз све већу употребу паметних телефона и ограниченог пропусног опсега корисници очекивали скоро тренутачно вријеме учитавања. Што је мања ваша веб слика, то ће брже бити ваше слике и сретнији ваши посетиоци ће бити. Поред тога, многе веб странице имају ограничења у величини рекламних банера.

ГИФ слике и Веб

ГИФ слике се не сматрају једним димензијама за све решење. ГИФ слике имају максимално 256 боја, што значи да можете очекивати озбиљну слику и деградацију боје ако нисте пажљиви. ГИФ формат датотеке је у многим погледима застарели формат који се враћа у најраније дане веба. Пре увођења ГИФ формата, веб слике су биле црно-бијеле и компримиране помоћу РЛЕ формата. Они су се први пут појавили на сцени 1987. године када је Цомпусерве објавио формат као веб рјешење за снимање. У то време, боја се појавила на радној површини, а вебу су приступали модеми повезани на телефонску линију. Ово је створило потребу за форматом слике који је држао слике довољно мале да би их путем телефонске линије доставили на веб претраживач у кратком редоследу.

ГИФ слике су идеалне за оштре графике са ограниченом палетом боја, као што је логотип или линијски цртеж. Иако се могу користити за фотографије, смањена палета боја ће увести слике на слику. Ипак, покрет Глитцх Арт и подизање цинема су изазвали поновно интересовање за ГИФ формат.

Како смањити величину датотеке ГИФ за боље перформансе веб сајта

Ови савети ће вам помоћи да направите своје ГИФове што је могуће мањи.

  1. Обришите било који додатни простор око слике. Смањење димензија пиксела ваше слике је најједноставнији начин смањивања величине датотеке. Ако користите Пхотосхоп, команда Трим ради добро за ово.
  2. Када припремите гиф слику, можда ћете желети смањити димензије излаза.
  3. Смањите број боја на слици.
  4. За анимиране ГИФ-е, смањите број кадрова на слици.
  5. Ако користите Пхотосхоп ЦЦ 2017, можете креирати ГИФ датотеку помоћу ставке менија Екпорт Ас. Изаберите Филе> Екпорт Ас ... и када се мени отвори, изаберите ГИФ као формат датотеке и смањите физичке димензије (ширина и висина) слике.
  6. Ако користите Адобе Пхотосхоп Елементс 14, изаберите Филе> Саве фор веб. Ово ће отворити дијалог Саве фор Веб који се такође налази у програму Адобе Пхотосхоп ЦЦ 2017, Филе> Екпорт> Саве фор Веб (Легаци) . Када се отвори, можете применити размазивање, смањити боју и физичке димензије слике.
  7. Избегавајте дирање. Уклањање може учинити да неке слике изгледају боље, али ће повећати величину датотеке. Ако вам софтвер то дозвољава, користите нижи ниво размазивања да бисте сачували додатне бајте.
  1. Неки софтвер има опцију "губитак" за уштеду ГИФ-ова. Ова опција може знатно смањити величину датотеке, али такође смањује квалитет слике.
  2. Немојте користити преплитање. Интерлацинг обично повећава величину датотеке.
  3. Оба Пхотосхопа и Пхотосхоп Елементс ће вам показати време преузимања. Не обраћајте пажњу на то. Заснован је на употреби 56к модема. Поједнији број ће се појавити ако из падајућег менија изаберете кабловски модем.

Савети:

  1. Избегните бескорисну анимацију. Прекомерна анимација не само да додаје време преузимања ваше веб странице, али многи корисници мисле да га одвраћају.
  2. ГИФ слике са великим блоковима солидне боје и хоризонталним обрасцима компресују боље од слика са градацијама боја, меким сенкама и вертикалним обрасцима.
  3. Када смањите боје у ГИФ-има, добићете најбољу компресију када су боје број постављене на најмању могућу могућу опцију: 2, 4, 8, 16, 32, 64, 128 или 256.

Ажурирано Том Греен