Както видяхме в статията за 4 прости техники за подобряване на позиционирането на вашия уебсайт, размерът и теглото на изображенията ще повлияят значително на скоростта на зареждане на вашата страница.

теглото

Бавната скорост на зареждане ще накара хората да напуснат страницата ви по-бързо, което пряко ще повлияе на продажбите ви и ще покаже на Google, че потребителският опит не е много приятен.

Ако страницата, за която говорим, е страница с продукт, въздействието може да бъде незабавно. Amazon направи проучване, в което изчисли, че приблизително „на всеки 3 секунди, надвишаващи зареждането на всяка от страниците му, те губят между 5% и 7% от годишните продажби“ (Източник: Fast Company)

За допълнителна секунда при зареждане на страници те биха могли да загубят 16 милиарда годишно. Само за секунда.

Нека поговорим за важността на скоростта на зареждане .

Добре ... Знам, че не говорим за тези цифри в нашия бизнес, но 5% или 7% годишно въздействие е много голямо, за да се подобри нещо просто.

Така че днес искам да ви покажа стъпка по стъпка как да промените размера и теглото на изображението, преди да го качите на вашия уебсайт.

Защото нещо, което изглежда толкова просто, може да има огромно въздействие .

Това се отнася за ВСИЧКИ изображения, които имате. Било то във вашия дом, снимките на всеки ваш продукт или всяка от снимките в статиите, ако имате блог.

Нека си представим, че правите снимка на нов продукт, който искате да качите във вашия онлайн магазин. Изтегляте снимката от камерата си и я запазвате на компютъра си.

Нека си представим, че продавате чанти и портмонета и това е тази снимка:

Когато го изтеглите от камерата си, изображението ще има определен размер и тегло.

За да разберете какви са те, отидете на „Получаване на информация“:

В този случай изображението тежи 977 KB и е с размери 2304 x 1536 пиксела.

Сега нека си представим, че това е вашият онлайн магазин и ето как изглежда една типична страница от вашите продукти:

В този случай изображението е квадратно например. С което да поддържаме последователността на всички ваши продукти, трябва да го качим в същите размери.

Във вашия администратор на магазина ще видите какъв точно е размерът в зависимост от шаблона, който използвате, но нека си представим, че е 1000 x 1000 пиксела.

1000 x 1000 пиксела означава, че това изображение ще има 1 000 000 пиксела информация за обработка. Това ще отнеме повече време за зареждане от 800 x 800 пиксела изображение, но по-малко от 1500 x 1500 пиксела изображение.

Както видяхме в началото, имаме оригиналната си снимка на 2304 x 1536 пиксела, така че първото нещо, което ще направим, е да коригираме тези измервания, за да го доведем до 1000 x 1000 и след това ще намалим теглото.

Ако знаете как да използвате Photoshop, можете да го направите там, но аз ще го покажа чрез https://www.canva.com/, който е безплатен и за мен много по-лесен за използване.

1 - Кликвате върху „използвайте персонализирани размери“

две - Пълно с желания размер, следвайки този пример 1000 x 1000, изберете пиксели и кликнете върху „Дизайн“:

3 - На следващия екран ще видите бял квадрат 1000 x 1000, в който ще поставите изображението на вашия продукт:

4 - След това кликнете върху „Качване на ваше собствено изображение“ и качете оригиналната снимка, която имате на компютъра си:

5 - След като заредите снимката там, я плъзнете в белия квадрат:

6 - В този пример, тъй като изображението е правоъгълно, имам много празно пространство отгоре и отдолу, така че последната стъпка е с мишката да увеличите изображението, докато заеме цялото пространство:

7 - След като изображението е такова, каквото ви харесва, щракнете върху "Изтегляне" и го изтеглете и запазете на вашия компютър:

Първата стъпка е готова, вашата снимка вече е с размера, който искате!

Тази стъпка е много по-бърза, защото имаме безплатни програми, които с радост ни помагат да го направим, без да губим качеството на изображението. Тя ще тежи много по-малко, но ще продължи да изглежда перфектно на вашия уебсайт.

Колкото по-малко тежи, толкова по-бързо ще се зареди страницата ви и толкова повече хора ще я разглеждат.

Има няколко програми, които се използват за това, тази, която използвам, е: https://tinypng.com/

1 - Просто плъзнете изображението или изображенията, към които искате да отслабнете, в полето, което се появява там:

две - Той автоматично ще започне да се компресира и ще ви каже точно какъв% от намалението на теглото е направил:

В този случай той го понижи от 677 KB на 102 KB, 85% по-малко тегло. 🙂

3 - Щракнете върху „изтегляне“ или „изтегляне на всички“, ако сте качили няколко изображения и сте ги запазили на вашия компютър.

Умно! Сега имате вашето изображение в правилния размер и с много по-ниско тегло.

Ако искате да продължите да намалявате теглото още повече, можете да качите това изображение отново, но проверете дали не го намалявате толкова много, че в крайна сметка да загубите качество.

Сега, когато знаете как да промените размера и теглото на изображението, можете да приложите същия процес към всички изображения на вашия уебсайт!

По този начин страниците ще се зареждат много по-бързо и също така ще имат визуална устойчивост, тъй като всички продукти ще бъдат заредени със същите размери. .

Надявам се този малък урок за това как да промените размера и теглото на изображението ви е помогнал и всички въпроси, които имате с някоя от стъпките, да ме уведомите 🙂