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

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

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

Страница сайта Графический элемент Пропорции Рекомендуемые размеры Дополнительные комментарии
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/

Логотип компании в шапке сайта

2,68 х 1 300 х 112 px

Изображение можно загружать в форматах: SVG, PNG, JPEG. Размер логотипа должен быть не более 200 px по ширине. Желательно загружать изображение на прозрачном фоне и прямоугольной формы.

Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/

Баннеры в слайдере

2,04 х 1 2256 х 1108 px
Retina - 2446 x 1108
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/
Баннеры в слайдере

2,25 x 1 1022 x 454 px
Retina - 1192 x 532
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/
Баннеры в слайде 1,02 x 1 460 x 452 px
Retina - 564 x 532
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/
Образец картинки в блоке "Каталог"

1,74 х 1 448 х 258 px
Retina - 496 x 448
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/
Образец картинки в блоке "Популярные категории"

1 x 1 160 x 160 px -
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/

Образец картинки в разделе "Тизер"

2,76 x 1 1102 x 400 px
Retina - 1196 x 400
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/

Образец картинки в разделе "Акции"

1,60 x 1 446 x 280 px
Retina - 494 x 300
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/


Образец картинки в разделе "О компании"

1 x 1 502 x 502 px
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/
Прямоугольный тизер в блоке "Новости"

1,33 х 1 330 х 248 px
Retina - 380 x 284
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/

Образец картинки в разделе "Бренды"

3 x 1 222 x 74 px
Retina - 324 x 40
-
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/
Образец картинки в разделе "Всплывающее меню"

0,7 х 1 85 х 120 px -
Главная страница сайта
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/

Рекламный баннер в разделе "Всплывающее меню"

1,8 x 1 2000 x 1082 px
-
Раздел "Акции"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/

Образец картинки подраздела

1,39 x 1 942 x 680 px

-
Раздел "Акции"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/


Образец картинки подраздела

1,5 x 1 447 x 298 px
Retina - 450 x 300
-
Раздел "Акции" > "Акции"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/rasprodazha-luchshikh-marok-odezhdy/

Образец картинки подраздела "Акции"

1,38 x 1 942 x 680 px
Retina - 114 x 765
-
Раздел "Услуги"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/

Образец картинки подраздела

1,5 x 1 447 x 298 px
Retina - 448 x 298
-
Раздел "Услуги"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/


Образец картинки "Реклама"

1,1 x 1 816 x 700 px -
Раздел "Услуги" > "Услуги"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/dostavka-i-sborka-mebeli/

Образец картинки подраздела "Услуги"

1,5 x 1 1024 x 680 px -
Раздел "Компания"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/


Образец картинки раздела "Компания"
company.jpg
2,4 x 1 2380 x 1006 px
Retina - 2667 x 1128
-
Раздел "Компания" > "Сотрудники"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/employees/

Образец фотографии сотрудника

1 x 1 298 x 298 px -
Раздел "Компания" > "Лицензии и сертификаты"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/licenses/#licenses

Образец сертификата или лицензии

0,7 x 1 1016 x 1430 px -
Раздел "Компания" > "Новости"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/news/

Образец картинки подраздела

1,3 x 1 400 x 300 px -
Раздел "Компания" > "Новости" > "Новости"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/news/obzor-pleera-fiio-x3-shedevr-byudzhetnogo-segmenta/

Образец картинки подраздела "Новости"

2 x 1 1860 x 896 px
Retina - 1880 x 900
-
Раздел "Бренды"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/brands/

Образец картинки подраздела

2 x 1 280 x 108 px
Retina - 282 x 108
-
Раздел "Статьи"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/articles/

Образец картинки подраздела

1,5 x 1 448 x 298 px -
Раздел "Статьи" > "Статьи"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/articles/5-luchshikh-fitnes-brasletov/


Образец картинки подраздела "Статьи"

2 x 1 1870 x 900 px
Retina - 1880 x 900
-
Раздел "Контакты"
Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/contacts/

Образец картинки подраздела

1,5 x 1 280 x 186 px
Retina - 280 x 187
-

При работе можно столкнуться со следующей проблемой, что у загружаемого изображения один цвет, а при загрузке на сайт цвет изображения отличается. Это может быть вызвано тем, что у загружаемых изображений неподходящий цветовой профиль, например CMYK. При загрузке таких изображений на сайт Битрикс автоматически конвертирует цветовой профиль изображения в RGB, что может привести к непредсказуемым изменениям. Будьте внимательны при загрузке изображений на сайт, чтобы проверить ваши изображения вам понадобятся специальные программы, такие как Adobe Photoshop, так же вы можете обратиться к специалистам.

Наверх