В данном разделе приведены рекомендуемые требования к графическим элементам сайта. Рекомендуемый формат графических элементов, загружаемых на сайт: PNG.
| Страница сайта | Графический элемент | Пропорции | Рекомендуемые размеры | Дополнительные комментарии |
|---|---|---|---|---|
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Логотип компании в шапке сайта | 2,68 х 1 | 300 х 112 px | Изображение можно загружать в форматах: SVG, PNG, JPEG. Размер логотипа должен быть не более 300 px по ширине. Желательно загружать изображение на прозрачном фоне и прямоугольной формы. |
| Баннеры в слайдере, десктоп | ||||
| Тип меню каталога: в шапке | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 3,36 х 1 | 2794 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 2,02 х 1 | 1677 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.3 x 1 | 1078 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,78 x 1 | 1078 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50%  | 1,34 x 1 | 519 x 388 px | - |
| Тип меню каталога: "Маленькие иконки" | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 3,2 х 1 | 2667 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,93 х 1 | 1600 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.24 x 1 | 1029 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,65 x 1 | 1028 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,28 x 1 | 495 x 388 px | - |
| Тип меню каталога: "Только иконка" | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 3,1 х 1 | 2580 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,86 х 1 | 1548 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.2 x 1 | 995 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,56 x 1 | 993 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,24 x 1 | 480 x 388 px | - |
| Тип меню каталога: "Иконка + заголовок" / "Только заголовок" | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 2,84 х 1 | 2358 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,7 х 1 | 1414 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.09 x 1 | 909 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,34 x 1 | 908 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,13 x 1 | 438 x 388 px | - | Баннеры в слайдере, мобильная версия |
| Большой баннер | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,41 х 1 | 1024 х 724 px | - |
| Малые баннеры 100% шириной, 100% высотой | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1,87 x 1 | 1078 x 575 px | - |
| Малые баннеры 100% шириной, 50% высотой | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 3,02 x 1 | 1078 x 357 px | - |
| Малые баннеры 50% шириной | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,46 x 1 | 530 x 363 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в блоке "Каталог" | 1,74 х 1 | 448 х 258 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: 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 | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "Акции" | 1,60 x 1 | 446 x 280 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "О компании" | 1 x 1 | 502 x 502 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Прямоугольный тизер в блоке "Новости" | 1,33 х 1 | 330 х 248 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "Бренды" | 3 x 1 | 222 x 74 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: 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 | - |
| Раздел "Акции" > "Акции" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/rasprodazha-luchshikh-marok-odezhdy/ | Образец картинки подраздела "Акции" | 1,38 x 1 | 942 x 680 px | - |
| Раздел "Услуги" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/ | Образец картинки подраздела | 1,5 x 1 | 447 x 298 px | - |
| Раздел "Услуги" Ссылка на страницу в демо-версии решения: 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/ | Образец картинки раздела "Компания" | 2,4 x 1 | 2380 x 1006 px | - |
| Раздел "Компания" > "Сотрудники" Ссылка на страницу в демо-версии решения: 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 | - |
| Раздел "Бренды" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/brands/ | Образец картинки подраздела | 2 x 1 | 280 x 108 px | - |
| Раздел "Статьи" Ссылка на страницу в демо-версии решения: 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 | - |
| Раздел "Контакты" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/contacts/ | Образец картинки подраздела | 1,5 x 1 | 280 x 186 px | - |
При работе можно столкнуться со следующей проблемой, что у загружаемого изображения один цвет, а при загрузке на сайт цвет изображения отличается. Это может быть вызвано тем, что у загружаемых изображений неподходящий цветовой профиль, например CMYK. При загрузке таких изображений на сайт Битрикс автоматически конвертирует цветовой профиль изображения в RGB, что может привести к непредсказуемым изменениям. Будьте внимательны при загрузке изображений на сайт. Чтобы проверить ваши изображения вам понадобятся специальные программы, такие как Adobe Photoshop, так же вы можете обратиться к специалистам.
Обновлено 17 сентября 2026