3 едноставни методи за ефикасно оптимизирање на веб-слики
40% од луѓето ја напуштаат страницата што се вчитува потешко од 3 секунди, а секоја втора добивка ја зголемува стапката на конверзија за 7% и подобро искуство.
Недостатокот на оптимизација на сликата е главниот фактор за кој е тешко да се вчита страницата. Научете како ефикасно да ги оптимизирате вашите фотографии за да ги објавите на вашата страница со помош на компресија, промена на големината и оптимизација за оптимизација. Покрај тоа, можете да заштедите до 70% повеќе простор на серверот.
# 1 Компресија на слика - побрзо вчитување на страницата до 40-70%
Тоа е најважниот процес за оптимизирање на слики со уште поголема вредност од големината на сликите. Покрај тоа, ако вашата страница е главно визуелна, можете да заштедите 50% од просторот на серверот и пропусниот опсег што се троши секој месец.
Што е компресија/компресија на слика
Компресијата на сликата има за цел да ги елиминира информациите за видот на употребената камера, леќата, фокусот, авторот и многу други детали. Во исто време, постои процес на компресија и оптимизација на квалитетот на сликата без видливи загуби на квалитет.
Откако ќе се отстранат податоците што не ни требаат, компресијата на сликата има за цел и оптимизирање на квалитетот на сликата без значително губење на квалитетот.
Зошто е корисно да се компресираат слики
Компресијата на фотографијата се намалува до 40% од големината на веќе обработените фотографии. На пример, ако користите pixabay.com или други 12 страници со бесплатни слики за вашиот блог, можете да заштедите во просек 30-40% од секоја слика.
Во случај на фотографии во фотоапаратот, компресијата заштедува до 70%. Така, компресијата ја намалува големината на сликите што се корисни и за побрзо вчитување на страницата и за заштеда на простор на серверот и може да биде од посебен интерес за вас доколку вашата страница е за туризам, готвење, дизајн или претежно визуелна.
Методи на компресија
Постојат две главни опции: кога користите WordPress платформа, можете да го инсталирате додатокот TinyJPG, секоја слика што ќе ја поставите автоматски ќе се компресира. Ако имате страница направена целосно од нула или сакате само да компресирате слики, можете да ја користите онлајн верзијата tinyjpg.com.
Метод 1: Компресирајте слики користејќи tinyjpg.com
39% компресија за 5 слики на pixabay.com.
79% компресија, за 5 фотографии од камерата.
Може да влечете и испуштите до 20 слики истовремено, а за неколку секунди нивната големина е значително намалена.
интернет-страница
повлечи и пушти
40-80% намалување на големината на сликата
Тестирајте фотографија сега за да видите точно процент што можете да го зачувате.
Метод 2: Автоматска компресија на слика со помош на додатокот WordPress TinyJPG
Приклучок за WordPress
целосно автоматски процес
40-80% намалување на големината на сликата
Приклучок за компаративни податоци VS верзија преку Интернет
Приклучокот WordPress се покажа како поефикасен, и со подобра компресија, заштеда на неколку KB покрај мрежната верзија и заштеда на време, процесот е автоматски при поставување слики на страницата:
Оригинал 325,5 KB: 142,2 KB - tinyjpg.com, 125 KB - WordPress
Оригинал од 208 KB: 86,6KB - tinyjpg.com, 85KB - WordPress
Оригинал од 133,7 KB: 100,1 KB - tinyjpg.com, 98 KB - WordPress
Оригинал 162,4 KB: 128,5 KB - tinyjpg.com, 119 KB - WordPress
Оригинал од 256,2 KB: 208,4 KB - tinyjpg.com, 203 KB - WordPress
# 2. Променете ја големината на сликите
Големината на сликата се однесува на намалување на димензиите изразени во пиксели, ширина и висина. Ова исто така доведува до намалување на големината на сликата во KB (кило мамки). По големината, исто така е неопходна компресија, што доведува до значително намалување на фотографијата.
Променете ја големината на сликите на Интернет
Можете да ги промените големините на вашите фотографии, бидејќи тие се направени од камерата со помош на picresize.com.
Променете ја големината на офлајн фотографиите
Можете да користите бесплатен софтвер PIXresizer за да ја промените големината на офлајн фотографиите
Која е оптималната големина за мојот блог?
Оптималната големина се разликува од тема до тема и од страница до страница.
За да ја пронајдете точната големина на WordPress, одете на страницата каде што е објавена сликата и кликнете Уреди слика> Детали за слика> Големина> Голем.
Овде ќе ја најдете наведената големина, таа одговара на темата што ја избравте и може да варира од 600 до 1024 пиксели. Со пристап до податоци за аналитика, можете да ги видите спецификите на вашите посетители, вклучувајќи ги и резолуциите од кои тие пристапуваат на вашата страница. Најверојатно над 55% користат мобилен телефон.
Идеална големина: 768 пиксели
Повеќето теми на WordPress ја користат рамката Bootstrap. Исто така, и страниците за презентација се направени по 2015 година. Bootstrap помага да се создадат одговорни страници и има точка на премин од мобилен на таблет со ширина од 768 пиксели.
Оваа големина е доволна за прикажување на слики и за блогот со дво колона структура и за една, и на мобилен и на таблет, лаптоп, десктоп. Ако вашата тема нема слики на работната површина со целосна ширина или други посебни барања, тогаш ширината на 768px е големината што ќе ви помогне да добиете максимална оптимизација.
# 3 Оптимизација на сликата за оптимизација
За секоја објавена слика можете да придонесете за оптимизација на страницата, како и за приказ на слики на Google.
Значењето на сликите
Фотографиите мора да го поддржуваат она што го кажавте во насловот и содржината на страницата. И за читателите и за Google, кој во моментов има прилично добра идеја за тоа што е фотографија.
Преименување на слики
Откако ќе ја пронајдете вистинската слика, корисно е да го смените нејзиното име. Наместо 38732145_IMG можете да ги ставите зборовите за кои сакате да бидете оптимизирани, на пример, optimizare_imagini_web.jpg во случајот на овој напис.
Атрибут ALT
Тоа е атрибут што Google го цени, кога сликата не е достапна, овој текст се прикажува. Покрај тоа, лицата со оштетен вид ќе дознаат повеќе за сликата.
Атрибути на наслов, фаќање, опис Ако ја користите платформата WordPress, можете лесно да ги завршите овие атрибути за да обезбедите повеќе детали за вашата фотографија.
Заклучок
Зголемувањето на брзината на вчитување на страницата доведува до подобро искуство, зголемување на стапката на конверзија, задржување и враќање на страницата. Секоја втора добивка ја зголемува стапката на конверзија за 7% и подобро искуство.
Фотографиите додадени на веб-страниците честопати се необработени, што е главниот фактор зошто една страница е тешко да се вчита. Дури и кога користите веќе обработени фотографии, може да добиете значително намалување.
Ефикасната оптимизација на сликата има 3 аспекти на ум:
1. компресија, преку која можете да добиете 40-70% намалување на големината на сликата во KB.
2. Променете ја големината и обезбедете слики во димензиите на вашата тема или страница, во пиксели.
3. Оптимизација за оптимизација преку која можете да привлечете релевантен сообраќај.
Со примена на овие работи за кои не ви треба техничко знаење, можете значително да ја подобрите брзината на вчитување на вашата страница, да заштедите простор на серверот и да растат во пребарувања на Google. Покрај тоа, пријатното искуство со прелистување привлекува задоволни посетители.
Претплатете се за да добивате артикли, курсеви и попусти директно во вашето сандаче