Как да оптимизирате изображения за продуктови страници в електронна търговия | Bulk Image Compressor
Снимките на продукти продават неща. Ако купувачът не може да види детайлите ясно, той не купува. Но ако изображенията ви са твърде големи и страниците ви се зареждат бавно, те напускат, преди изображенията изобщо да завършат зареждането. Постигането на този баланс е едно от най-практичните неща, които можете да направите за онлайн магазин.
Добрата новина е, че не е нужно да избирате между качество и скорост. С правилните настройки за компресия и формати, снимките на вашите продукти могат да изглеждат остри на екрана, докато се зареждат бързо на всяко устройство.
Защо размерът на снимките на продуктите има значение
Типичната продуктова страница има между 4 и 8 изображения: основната снимка, няколко ъгъла, може би детайлна снимка и лайфстайл изображение, показващо продукта в употреба. Ако всяко от тях е некомпресиран 4MB файл от вашия фотограф, това е 16 до 32MB изображения на страница.
Бавните продуктови страници пряко навреждат на продажбите. Проучване на Deloitte установи, че 0.1 секунда подобрение в скоростта на мобилния сайт води до 8.4% увеличение на реализациите за сайтове за търговия на дребно. Най-големият фактор за скоростта на страницата в електронната търговия почти винаги са изображенията.
Има и мобилният фактор. Повечето онлайн пазаруване се случва на телефони. Вашите снимки на продукти трябва да се зареждат бързо на клетъчни връзки, не само на бърз Wi-Fi.
Снимки с бял фон срещу лайфстайл снимки
Тези два типа продуктови изображения имат различни характеристики за компресия.
Снимки на продукти с бял фон са това, което виждате в Amazon, eBay и повечето страници с продуктови списъци. Те обикновено имат чист бял фон с продукта в центъра. Тези изображения се компресират много добре, защото големи области от плътно бяло изискват много малко данни. Често можете да ги компресирате при 75 до 80% JPEG качество и да не видите почти никаква разлика.
Лайфстайл снимки показват продукти в реални условия. Чаша за кафе на кухненски плот, яке на модел на открито, обувки на градски тротоар. Тези изображения имат повече визуална сложност с разнообразни фонове, текстури и осветление. Те се нуждаят от малко по-високи настройки за качество, около 80 до 85%, за да запазят детайлите.
И двата типа могат да бъдат значително по-малки от оригиналите. 5MB продуктова снимка с бял фон обикновено се компресира до 200 до 400KB. 6MB лайфстайл снимка се компресира до 300 до 600KB.
Изисквания и препоръки на платформите
Различните платформи за електронна търговия имат свои собствени указания за изображения. Ето спецификациите за основните:
Shopify препоръчва изображения с размери 2048 x 2048 пиксела. Максималният размер на файла е 20MB, но силно препоръчват да поддържате изображенията значително под това. Shopify прави известна автоматична компресия и доставя WebP, когато браузърът го поддържа, но започването с оптимизирани изображения дава по-добри резултати.
WooCommerce не налага строги лимити, тъй като работи на вашия собствен хостинг. Това означава, че оптимизацията на изображения е изцяло ваша отговорност. Размерите по подразбиране за миниатюри са 600 x 600 за каталога и пълния размер на изображението за продуктовата страница. Трябва да преоразмерите и компресирате преди качване.
Amazon изисква минимум 1000 пиксела от най-дългата страна (за функцията за увеличение) и препоръчва 2000 пиксела. Максималният размер на файла е 10MB. Основното изображение трябва да има чисто бял фон (RGB 255, 255, 255). Amazon компресира изображения от своя страна, но качването на вече оптимизирани изображения ви дава повече контрол върху крайния резултат.
Etsy препоръчва 2000 пиксела от най-късата страна. Приемат файлове до 1MB. Тъй като лимитът на Etsy е относително малък, почти сигурно ще трябва да компресирате преди качване.
Препоръчителни размери и размери на файлове
За повечето платформи за електронна търговия, ето практическа цел:
| Тип изображение | Размери | Целеви размер на файла |
|---|---|---|
| Основна снимка на продукт | 2000 x 2000px | 200 до 400KB |
| Алтернативни ъгли | 2000 x 2000px | 200 до 400KB |
| Детайлна снимка/зуум | 2000 x 2000px | 250 до 500KB |
| Лайфстайл снимка | 2000 x 1333px | 300 до 600KB |
| Миниатюра | 600 x 600px | 30 до 60KB |
Тези размери ви дават достатъчно резолюция за функциите за увеличение, като същевременно поддържат страниците бързи. Общият товар от изображения на продуктова страница трябва идеално да остане под 2MB.
Избор на правилния формат
JPEG е стандартът за продуктова фотография. Той се справя добре със снимки и се поддържа навсякъде. Използвайте го като подразбиращ се.
WebP предлага около 25 до 35% по-добра компресия от JPEG при същото визуално качество. Ако вашата платформа го поддържа (Shopify го прави автоматично, WooCommerce се нуждае от плъгин), WebP е солидно подобрение. За по-задълбочено сравнение на форматите, прочетете нашето ръководство за JPEG срещу PNG срещу WebP.
PNG е необходим само когато вашите снимки на продукти изискват прозрачност. Например, ако продавате артикули, които трябва да бъдат показани без никакъв фон, PNG запазва тази прозрачност. В противен случай избягвайте PNG за продуктови снимки, защото размерите на файловете са много по-големи.
Пакетна обработка за продуктови каталози
Ако имате магазин с десетки или стотици продукти, компресирането на изображения едно по едно не е реалистично. Продуктов каталог с 200 артикула и по 5 изображения всеки означава 1,000 изображения за обработка.
Тук пакетната компресия спестява часове. С Bulk Image Compressor можете да пуснете цяла папка с продуктови снимки и да ги компресирате всички наведнъж. Всичко работи в браузъра ви, така че снимките на продуктите ви никога не се качват на външен сървър. Това има значение, когато работите с непубликувани продукти или изображения, които не искате да бъдат споделени преди стартиране.
Ето работен процес, който работи добре за продуктови каталози:
-
Първо преоразмерете. Нагласете всичките си изображения до правилните размери (2000 x 2000px за повечето платформи). Не изпращайте 6000px изображения през компресия, когато ще се показват само на 2000px.
-
Разделете по тип. Поставете снимките с бял фон в една партида, а лайфстайл снимките в друга. Това ви позволява да използвате различни настройки за качество за всяка.
-
Компресирайте снимките с бял фон при 75 до 80% качество. Чистите фонове се компресират ефективно при по-ниски настройки.
-
Компресирайте лайфстайл снимките при 80 до 85% качество. Допълнителните детайли в тези изображения се възползват от малко по-високо качество.
-
Проверете няколко резултата. Отворете шепа компресирани изображения и ги сравнете с оригиналите. Уверете се, че текстът върху опаковката все още е четим и детайлите на продукта са ясни. За повече по тази тема, вижте нашето ръководство за намаляване на размера на файла без загуба на качество.
-
Качете на вашата платформа. Заменете оригиналите с компресираните версии.
Влиянието върху крайния резултат
По-бързите продуктови страници означават повече продажби. Толкова е директно. Когато купувач кликне върху вашия продукт от резултат от търсене или реклама, имате около две до три секунди, преди да реши дали да изчака или да натисне бутона за връщане.
Оптимизираните изображения също намаляват разходите ви за хостинг и CDN. Ако обслужвате 500,000 прегледа на продуктови страници на месец и намалите средния си полезен товар от изображения от 8MB на 1.5MB на страница, това са терабайти спасена честотна лента.
Снимките на вашите продукти са най-важният актив във вашия онлайн магазин. Правилното им компресиране ви позволява да запазите визуалното качество, от което купувачите ви се нуждаят, като същевременно им давате бързото изживяване, което води до покупки.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor