Размеры изображений BigCommerce: полное руководство 2024

Создание успешного сайта электронной коммерции - это не только создание идеального макета или съемка невероятных фотографий товаров. Это также оптимизация каждой мелочи, чтобы убедиться, что вы заключаете сделку, когда клиенты посещают ваш сайт. Достижение этой волшебной оптимизации может показаться пугающей (и несколько невозможной) задачей.

Мы здесь, чтобы открыть вам маленький секрет: это не обязательно должно быть так. Вам повезло, потому что мы сделали трудную работу за вас. Ниже получите все подробности, которые вам нужно знать об оптимизации фотографий ваших товаров для вашего сайта BigCommerce.

Стандартные размеры изображений BigCommerce по типам

Понимание важности оптимизации изображений - это только первый шаг. Теперь наступает интересная часть: понимание стандартных размеров изображений BigCommerce по типам.

Но сбор этой информации может показаться пугающим - поэтому мы сделали это за вас! Вот размеры изображений, которые вам нужны согласно трем различным типам изображений BigCommerce: товарные, стандартные миниатюры и навигационные.

Размер изображения товара

Оптимизация изображений ваших товаров для BigCommerce - это деликатный баланс между размером изображения и разрешением изображения. Вы должны стремиться к квадратным изображениям 1280 x 1280 пикселей для страниц ваших товаров. Большие изображения только замедлят ваш сайт - особенно для мобильных пользователей. Однако проверьте вашу тему BigCommerce для конкретных руководящих принципов, так как они могут варьироваться в зависимости от дизайна, который вы используете.

Стандартный размер миниатюрного изображения

Миниатюры намного меньше ваших основных фотографий товаров, что означает, что вам не нужны массивные изображения для выполнения работы. Квадрат 1000 пикселей (или меньше) идеален для миниатюр по всему вашему сайту. Имейте в виду, что некоторые изображения товаров могут быть автоматически уменьшены в BigCommerce для использования в качестве миниатюр.

Размер навигационного изображения

У вас может быть возможность добавлять изображения в ваши выпадающие навигационные меню, в зависимости от вашей темы. Эти изображения, как правило, немного меньше, поскольку им нужно поместиться в навигационное меню. Квадратное изображение 267px x 267px обеспечивает их оптимизацию для навигационного меню.

Как оптимизировать изображения товаров для BigCommerce

В оптимизации изображений на BigCommerce есть больше, чем просто убедиться, что вы справились с размерами изображений и типами изображений. Вот несколько других советов по оптимизации, которые вы должны рассмотреть при создании фотографий товаров для вашего сайта BigCommerce.

Выберите правильные размеры изображений (пиксели) и размеры файлов

Все дело в том, чтобы убедиться, что изображения правильно размерены. Но это не просто вопрос обеспечения того, что у вас есть лучший физический размер для ваших изображений. Это также о том, чтобы убедиться, что вы не замедляете свой сайт большими размерами файлов.

✨ Профессиональный совет: Вы можете использовать сторонние приложения, такие как наш ресайзер изображений, чтобы сжать ваши изображения и резко уменьшить их размер файла без ущерба для качества просмотра.

Покажите ваши товары под разными углами

Оптимизация изображений ваших товаров также означает, что вы должны предлагать вашему клиенту полные или альтернативные виды. Почему? Потому что онлайн-покупки не предоставляют тот тактильный опыт. Это может быть одним из самых значительных барьеров для завершения покупки для ваших клиентов.

Вы знаете, как мы относимся к захвату каждого хорошего угла товара. 360° видео лучше всего подходят для этой цели. Но если у вас нет технологии для этого - изображения товаров с множественными углами и кадрированием тоже могут справиться с работой.

Используйте правильный формат изображения

BigCommerce рекомендует формат файла JPEG для всех изображений на вашем сайте. Это потому, что изображения JPEG легко сжимаются без какой-либо потери разрешения. Это означает, что клиенты все еще могут наслаждаться неискаженной красотой изображений ваших товаров, не замедляя ваш сайт.

Но BigCommerce поддерживает больше типов файлов, чем JPEG. Вы также можете загружать различные форматы изображений, такие как PNG или GIF.

Мы рекомендуем придерживаться JPEG как правильного формата изображения и использовать файлы PNG только для изображений, которым нужны прозрачные фоны. Это потому, что PNG, как правило, являются большими файлами изображений, чем их аналоги JPEG. А GIF в основном хороши для миниатюрных изображений или маленьких иконок, потому что они, как правило, имеют низкое разрешение.

Используйте альтернативный текст

Альтернативный текст - это копия, которая встроена в изображения. Этот текст появится вместо изображения, если оно не загрузится, когда клиенты попадают на ваш сайт. Вы должны включать альтернативный текст на каждое изображение на вашем сайте.

Эта часть оптимизации изображений служит нескольким различным целям.

Во-первых, это простой способ оптимизировать ваш сайт, чтобы он был доступен для всех. Альтернативный текст предлагает читателям с нарушениями зрения простой способ навигации по вашему сайту и получения полного брендового опыта.

Кроме того, альтернативный текст необходим для целей SEO. Поисковые системы отдают приоритет сайтам с оптимизированными альтернативным текстом изображениями. Это означает, что добавление альтернативного текста к вашим изображениям - это простой способ повысить ваши рейтинги в поисковых системах и генерировать дополнительный органический трафик.

Инструменты для оптимизации изображений BigCommerce

Также есть несколько инструментов BigCommerce, которые могут помочь вам в вашем стремлении оптимизировать изображения вашего сайта. Используйте эти инструменты, чтобы помочь увеличить удержание клиентов и конверсию.

Ресайзер изображений

Инструмент ресайзера изображений необходим для того, чтобы помочь вам убедиться, что каждая фотография идеально размерена и оптимизирована для вашего сайта BigCommerce. Есть множество инструментов, поэтому убедитесь, что вы нашли тот, который работает специально для требований изображений BigCommerce. Бесплатный ресайзер изображений soona, например, имеет все спецификации, сохраненные для BigCommerce и других популярных платформ и каналов - делая его универсальным магазином для всех ваших потребностей в изменении размера изображений.

Обрежьте ваши изображения, чтобы соответствовать уникальным спецификациям различных платформ социальных медиа + маркетплейсов с нашим бесплатным ресайзером изображений >

Google PageSpeed Insights

Каждый владелец бизнеса электронной коммерции должен сделать тестер PageSpeed от Google своим лучшим другом. Этот инструмент тестирует ваш сайт, чтобы увидеть, какие страницы нуждаются в оптимизации для лучшей скорости загрузки страниц. Скорость загрузки страниц - это мера того, как долго требуется для загрузки страницы на компьютере или мобильном устройстве.

Но скорость загрузки страниц не только необходима для удержания клиентов на вашем сайте. Это также один из самых больших факторов, которые поисковые системы используют для ранжирования вашего сайта. Чем лучше ваша скорость загрузки страниц - тем выше вы будете ранжироваться в результатах поиска и тем больше органического трафика вы привлечете.

Сети доставки контента

Сети доставки контента (CDN) предназначены для помощи в повышении скорости загрузки ваших страниц путем хранения изображений на серверах в непосредственной близости от пользователей вашего сайта.

Например, кто-то из Японии посещает ваш сайт электронной коммерции. Это обычно потребовало бы дополнительного времени загрузки страницы, поскольку их компьютер извлекал изображения, хранящиеся на американском сервере. Но что, если фотографии были сохранены ближе к ним (например, в Японии)?

Вот что делает CDN. BigCommerce имеет множество CDN кодов по всему миру. Это особенно важно для владельцев электронной коммерции, которые ведут бизнес по всему миру.

Инструменты управления изображениями

Один из наших любимых инструментов BigCommerce - это менеджер изображений. Этот волшебный создатель может упростить процесс оптимизации изображений и сделать вашу жизнь намного проще.

Этот интегрированный инструмент позволяет вам загружать ваши изображения с вашего компьютера на ваш сайт BigCommerce. Оттуда изображения могут быть размещены по всему вашему сайту с легкостью: описания товаров, категории, веб-страницы и блог-посты.

Но это еще не все. Этот инструмент (и другие подобные ему) поможет автоматически оптимизировать размер ваших изображений в зависимости от того, где вы их размещаете.

Размеры изображений: почему это важно?

Размеры изображений могут показаться тривиальной вещью, но вот в чем дело: это может стать решающим фактором для вашего сайта. Это потому, что размеры изображений могут влиять на пользовательский опыт вашего сайта несколькими различными способами. Вот разбор:

Опыт клиента

Размеры изображений играют важную роль в создании желанного клиентского опыта. Вы знаете - такого опыта, который заставляет клиентов возвращаться за повторными покупками. Правильно размерные изображения помогут сделать покупки на вашем сайте электронной коммерции чистым удовольствием.

Изображения могут сделать всю разницу между отличным первым впечатлением и посредственным. Первое, что видят клиенты, - это фотографии ваших товаров, когда они попадают на страницы ваших товаров. Сделайте этот первый шаг незабываемым, оптимизируя ваши изображения.

Производительность веб-сайта

Большие или несжатые изображения могут заболотить ваш сайт. Это может заставить скорость загрузки ваших страниц пойти от NASCAR до скорости черепахи в спешке. И это последнее, что нужно сайту электронной коммерции. Не отвергайте важность производительности вашего веб-сайта.

Восприятие клиентами вашего бренда

Размеры изображений вашего BigCommerce также играют важную роль в помощи вам управлять восприятием бренда. Да, мы это сказали. Это потому, что клиенты стали более придирчивыми и разборчивыми, чем когда-либо.

И когда дело доходит до заключения продажи - все в мелких деталях. Как ваши изображения электронной коммерции, недостаточно просто делать отличные снимки. Вам также нужно понимать, как правильно их размерить для вашего сайта. Плохо или неадекватно размерные изображения могут привести к проблемам качества изображения, которые могут повлиять на восприятие вашего бренда.

soona предоставляет идеальные изображения для вашего сайта BigCommerce

Оптимизация изображений ваших товаров BigCommerce не должна быть запутанной. Это просто вопрос понимания того, как кадрировать, масштабировать и сохранять ваши изображения в лучших форматах изображений. Не забывайте воспользоваться широким выбором интегрированных и внешних инструментов оптимизации товаров. Добавьте немного альтернативного текста и - *поцелуй шеф-повара* - пусть изображения говорят сами за себя.

Но вся эта оптимизация все еще требует времени.

Нужна помощь в получении этих останавливающих прокрутку оптимизированных изображений? Свяжитесь с soona сегодня, и мы можем вычеркнуть эту задачу из вашего списка дел.

{{studio-ad}}