197  /  198

Требования к графическим материалам

В этом уроке рассмотрим требования к графическим материалам, которые понадобятся для запуска интернет-магазина на основе Аспро: Шины и диски 2.0. К ним относятся баннеры на главной странице, тизеры, картинки для новостей, акций и т.д.

Главная страница

Логотип


Логотип располагается в левом верхнем углу.

Требования к логотипу: файл .jpg или .png с разрешением 190 x 40 px.

Главный баннер

  • Тип главной страницы №1



При таком типе баннер со слайдером располагается во всю ширину экрана.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920 x 450 px.

  • Тип главной страницы № 2


Здесь располагаются основной баннер со слайдером и 2 дополнительных маленьких баннера. На основном баннере можно разместить неограниченное количество слайдов, которые будут автоматически меняться через установленные промежутки времени. 

В зависимости от выбранной ширины сайта размер баннера может меняться от 930 до 1314 px. Вы можете для каждой ширины сайта указывать свою ширину баннера, но мы рекомендуем выбирать ширину 1920 px, тогда края сами обрезаются под нужную.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920 x 450 px (c рекомендуемой безопасной зоной в 900 px по центру).

Размер элемента на баннер – 450 x 450 рx.

Требования к дополнительным баннерам: файл jpg, png, gif. Соотношение сторон 3:2.

Размер картинок должен быть:

733 x 486 px – при ширине сайта 1200 / 1344 / 1500 px;

834 х 555 px – при ширине сайта 1700 px.

Узкий баннер на главной


Требования к узкому баннеру на главной: файл .jpg или .png с разрешением 1920 x 150 px (c рекомендуемой безопасной зоной в 900 px по центру).

Маленькие баннеры на главной


Требования к 3 маленьким баннерам: файл .jpg или .png с разрешением 530 x 180 px.

Баннеры для акций 

Блок располагается на  главной странице. При клике на элемент вы попадаете на детальную страницу акции.


Требования к формату файла .jpg или .png с разрешением 400 x 266 px. Соотношение сторон 3:2.

Баннеры из блога (большой и малые)

Блок располагается на  главной странице. При клике на элемент вы попадаете на детальную страницу новости.



Эти баннеры выстраиваются в ровную плитку на любой ширине окна. Они бывают двух видов: большие и маленькие.

В решении Аспро: Шины и диски 2.0 есть возможность регулировать ширину страницы. Чтобы изображения в плавающих баннерах помещались полностью, необходимо использовать определенные размеры изображений для каждого разрешения.

Допустимые форматы изображений – jpg и png. Соотношение сторон 3:2.

Размер картинок должен быть:

733 x 486 px – при ширине сайта 1200 / 1344 / 1500 px;

834 х 555 px – при ширине сайта 1700 px.

В административной части перейдите в Аспро: Шины и диски 2.0 → Настройки → Общие.


Задайте ширину сайта и загрузите подходящий размер баннера.

Информационный блок о компании


Допустимые форматы изображений – jpg, png, gif.

Размер картинки может быть любой, но в пределах 222 x 244 px.

Услуги на главной

Допустимые форматы изображений – jpg, png. Соотношение сторон 3:2.

Размер картинок должен быть:

401 x 267 px – при ширине сайта 1700 px;

398 x 265 px – 1500 / 1344 / 1200 px.


Иконки в фильтре при 2 типе главной страницы


Допустимые форматы изображений – svg, jpg, png.

Оптимальный размер картинок – 50 x 50 px.

Тизеры преимуществ

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


Допустимые форматы изображений – svg, jpg, png.

Оптимальный размер картинок – 50 x 50 px.

Логотипы партнеров и производителей

  • Для логотипов в разделе «Наши партнеры» и «Производители» используйте изображения с расширением jpg, png.

  • Максимальный размер картинок – 150 х 90 px.

  • Допустимо размещение изображения меньшего размера.

Баннеры детальных страниц новостей и акций

Баннеры в детальных страницах разделов

Сюда относятся, например, страницы акций или лендингов. Баннер на таких страницах состоит из фонового баннера и активной картинки.


Требования к фоновому баннеру: файл .jpg или .png. с разрешением 1920 x 450 px.

Требования к активной картинке: файл .jpg или .png. с разрешением 555 x 450 px.


Баннеры детальных страниц новостей и акций


Требования к баннерам детальных страниц новостей и акций: файл .jpg или .png. с разрешением 1314 x 360 px.

Баннеры в колонке



Требования к баннерам: файл .jpg или .png с разрешением 530 x 390 px.

Фото товара для карточки

Основное фото товара на его странице.



Требования к фото для карточки товара: файл .jpg или .png с разрешением не менее 500 х 500 px. Оптимально 1000 х 1000 px. Изображение обязательно должно быть квадратным. 

Фото товара для раздела каталога



Требования к фото для раздела каталога: файл .jpg или .png с разрешением не менее 120 x 120 px. Изображение обязательно должно быть квадратным.