В данном разделе приведены рекомендуемые требования к графическим элементам сайта. Рекомендуемый формат графических элементов, загружаемых на сайт: 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/ | Образец картинки раздела "Компания" | 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, так же вы можете обратиться к специалистам.
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала.