Как да промените размера и теглото на изображението за вашия уебсайт
Както видяхме в статията за 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 пиксела изображение.