1. aspro.ru
  2. Аспро: Маркет
  3. Требования к графическим материалам

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


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

Логотип

638ce66f-7b5f-11f1-8fe4-fa163e2ff576

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

Требования к логотипу: файл .png с разрешением 163x36 px. Начиная с версии решения 1.7.0, можно использовать файл в формате .svg.

Фавикон

Фавикон — это небольшая картинка, которая отображается в сниппете в результатах поиска, рядом с адресом сайта в адресной строке браузера и около названия сайта в избранном или закладках браузера.

0fdded86-7b64-11f1-8fe4-fa163e2ff576

Рекомендации от поисковой системы Яндекс

Размер фавикон: 120x120 px (рекомендуемый), 16x16 px или 32x32 px.

Формат фавикон: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP.

Совет: Используйте размер 120x120 px или формат SVG, чтобы на логотип сайта выглядел более четким и заметным.

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

  • Узкий баннер

686146da-7b63-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 1132х300 px.

  • Средний баннер

51662108-7b64-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 1400х400 px.

  • Баннер по ширине окна

fc2c2428-7b63-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 1920х400 px.

Если вы хотите использовать составной баннер, используйте для плавающей картинки изображение с расширением .png и высотой максимум в 400 px. Изображение будет накладываться на фон и прижиматься правой стороной к правой границе контента. Рекомендуемая ширина плавающей картинки 400-800px.

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

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

fac9efd8-7b63-11f1-8fe4-fa163e2ff576

Требования к изображениям для тизеров преимуществ: файл .png с разрешением 50x50 px.

Плавающие баннеры (Большой и малый)

Блок баннеров на главной странице (тип №3)  с быстрым доступом к разделам каталога. Эти баннеры выстраиваются в ровную плитку на любой ширине окна. Они бывают двух видов: большие и маленькие.

2be4e6a4-7b64-11f1-8fe4-fa163e2ff576

Требования к плавающим баннерам:  файл .jpg или .png. Разрешение для больших — 556х268 px, для маленьких — 268х268 px.

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

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

a0e93027-7b5e-11f1-8fe4-fa163e2ff576

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

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

734ef53f-7b62-11f1-8fe4-fa163e2ff576

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

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

febaa2da-7b61-11f1-8fe4-fa163e2ff576

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

Изображения табов на главной, анонс детальной страницы товара

305efc34-7b5c-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 268х166 px.

Изображения для новостей

96a83dfd-7b5d-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 90x60 px.

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

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

4d8f13be-7b5b-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением не менее 300x200 px (рекомендуемое соотношение сторон 3:2).

Баннер посадочной страницы в каталоге 

3ac3d2ec-7b63-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 902х247 px.

Баннер посадочной страницы в обзорах

2d1ee9f7-7b60-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 1132х400 px.

Страница со всеми брендами

3f6fc000-7b61-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 150х45 px, но загружать их не обязательно, автоматически генерируются из детальных

Детальная страница бренда

76fc5b38-7b60-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 200х60 px.

Фото сотрудников

42193d01-7b61-11f1-8fe4-fa163e2ff576

Требования: файл .jpg или .png с разрешением 155х164 px.

Баннер о компании

a3147be2-7b5e-11f1-8fe4-fa163e2ff576

Требования: файл .png с разрешением 404х478 px.

Нужна помощь?

Доверьте создание изображений нашим дизайнерам — они учтут все технические нюансы и разработают безупречный баннер. Узнайте больше об услуге или оставьте заявку.

Предыдущая статья Новый шаблон корзины 1С-Битрикс
Следующая статья Настройка информации о публичной оферте