Преглед садржаја
Људи су визуелна бића, а истраживања поткрепљују ту чињеницу. После само три дана, стопе задржавања текста су у распону од само 10%-20%. Али за слике, стопе задржавања могу бити и до 65%. Мозак прима 90% визуелних информација и обрађује их 60.000 пута брже. Без сумње, визуелни прикази играју кључну улогу у ангажовању на веб локацији.
Такође видети: Ускочите у креативни ум Вила ПатерсонаМеђутим, потребно је много више од одабира неких слика и њиховог постављања по вашој веб локацији. Тешке слике троше много пропусног опсега, успоравајући брзину учитавања страница. Претраживачи ће приметити споре перформансе и казнити вас ниским рангом.
Наш чланак ће вам показати шест различитих начина за оптимизацију слика за боље веб перформансе у 2021.Савети за оптимизацију слика за боље веб перформансе у
Рецимо да дизајнирате веб странице за непрофитне организације и волите да користите много слика да бисте приказали свој рад. Донатори, спонзори и друге заинтересоване стране користе такве информације као основу за континуирану подршку. Међутим, ако не оптимизујете слике, корисничко искуство и ангажовање ће патити. Највећи проблем ће бити споро учитавање страница и одговори на временско ограничење.
Оптимизација слике се односи на све кораке које предузимате да смањите величину, формат или резолуцију датотека. То можете да урадите без угрожавања квалитета слика.
Хајде да погледамо неке од вашихопције.
Илустрација маркетиншке кампање од Деемак Даксине
1. Започните са ревизијом оптимизације слике
Ревизија оптимизације слике ће пружити релевантне информације о томе где треба да се побољшате.
Почните тако што ћете направити инвентар слика које имате на свом сајту. Релевантни тестови ће дијагностиковати све проблеме које треба да решите.На пример, ревизија може показати да имате превише слика. Такође ће приказати ваше форматирање слике и омогућити вам да одредите следећи ток акције. На пример, уклањање или промена формата датотека може значајно да побољша брзину учитавања страница.
2. Изаберите прави формат за слике
Датотеке слика долазе у различитим форматима. Ово су три најчешћа типа формата слика за веб апликације које морате да знате:
- ПНГ има предност што је слика веома високог квалитета. Нажалост, да би се то постигло, величина датотеке је веома велика. Они добро раде за једноставне слике и логотипе и омогућавају компресију без губитака.
- ЈПЕГ-ови су најчешћи на већини веб локација. Одлични су за сложене, шарене слике. Међутим, мораћете да будете опрезни када компресујете ЈПЕГ слике јер може доћи до губитка јасноће, што слика постаје мања. Неки људи ово називају губитком.
- ГИФ ради за анимације, мале иконе и слике ниске резолуције. Омогућава компресију без губитака, али можете само да користитедо 256 боја.
Сачувај иконе Андреаса Сторма
3. Промените величину и компримујте слике
Можда сте приметили да се слике учитавају мало по мало. Проћи ће неко време пре него што видите целу слику; знак да су слике вероватно претешке. Промена величине или компримовање ће решити проблем.
Имајте на уму да не би требало да отпремате слике пре него што их оптимизујете. А за најбољи квалитет, тежите да датотеке буду у опсегу од 1 до 2 МБ.Користите алатку за исецање да бисте променили величину слика. Помаже у смањењу величине датотеке, што резултира бољом брзином учитавања страница. Имате тоне доступних алата за вашу употребу.
Компресовање слика помаже у смањењу величине датотеке. Али можете изобличити слику ако је превише компресујете. Ниска компресија може бити идеална ако желите да задржите квалитет слике; међутим, то не смањује значајно величину.
Типови компресије
Постоје два концепта која смо већ поменули изнад, компресија без губитака наспрам компресије са губицима.
- Компресија без губитака одржава квалитет слике уз уклањање непотребних метаподатака.
- Компресија без губитака смањује величину датотеке тако што се ослобађа неких елемената. То може угрозити квалитет слике. Међутим, можда нећете приметити разлику. Дакле, то и даље може бити одличан начин за компримовање слика.
Прави уређивач слика ће вам помоћи да одредите којикомпресија ради најбоље за вас.
4. Оптимизација слике на првом месту за мобилне уређаје
Сви кораци које предузмете морају да прате СЕО стратегију за мобилне уређаје, пошто је Гоогле прешао на рангирање на првом месту за мобилне уређаје. Слике би требало да изгледају исто на било ком мобилном уређају као на било ком десктоп уређају. Преко таквих уређаја долази огромна количина интернет саобраћаја.
Ако корисници нису ангажовани на добром корисничком доживљају када користе мобилне уређаје, изгубићете их.
Размислите о оптимизацији слика за мобилне уређаје. Ако изгледа добро на малом екрану, изгледаће фантастично на десктопу или лаптопу.
АСО Оптимизатион би Абби_Керимов
5. Називи датотека и њихов утицај на СЕО
Оптимизација слике такође захтева да обратите пажњу на то како дате имена датотекама. Све радње које предузимате треба да имају за циљ побољшање видљивости на претраживачима. Када отпремите или снимите слику, уређај ће јој аутоматски дати назив датотеке. Ово име обично садржи насумични код или бројеве. Можда изгледа нешто као 2224444.јпг.
Отпремање слике каква јесте на вашу веб локацију уопште неће помоћи претраживачима.
Олакшајте веб пописивачима да вас пронађу тако што ћете свакој слици доделити описне ознаке. Укључите релевантне кључне речи које дају информације о вашем предузећу или сајту.6. Размислите о коришћењу лењог учитавања
Лење учитавање слика је управо онако како име сугерише. Уместоцела слика се учитава одједном, некако се одвија. Слика наставља да се учитава што више онлајн посетилац скролује низ страницу.
Лење учитавање открива само оно што је релевантно у том тренутку. На крају ћете уштедети на пропусном опсегу јер нећете користити никакве непотребне ресурсе.
Учитавам... од Дона
Завршне мисли
Веб перформансе су критични фактор рангирања који претраживачи користе. Гоогле ће казнити ваш сајт ако су брзине учитавања странице ниске.
Многи фактори одређују брзину странице, а употреба слике наређује једну од највиших позиција. Ако не оптимизујете слике, ваше веб перформансе ће патити. Странице ће се учитавати споро, а корисничко искуство и ангажман неће бити добри.
Такође видети: Шта је фенакистоскоп?Изаберите прави формат слике. Затим користите технике попут промене величине и компримовања да бисте смањили величину датотеке. Закажите редовне тестове странице и ревизије сајта да бисте проверили перформансе сајта.
