В данном разделе приведены рекомендуемые требования к графическим элементам сайта.
Рекомендуемый формат графических элементов, загружаемых на сайт: PNG.
При работе можно столкнуться со следующей проблемой, что у загружаемого изображения один цвет, а при загрузке на сайт цвет изображения отличается. Это может быть вызвано тем, что у загружаемых изображений неподходящий цветовой профиль, например CMYK. При загрузке таких изображений на сайт Битрикс автоматически конвертирует цветовой профиль изображения в RGB, что может привести к непредсказуемым изменениям. Будьте внимательны при загрузке изображений на сайт, чтобы проверить ваши изображения вам понадобятся специальные программы, такие как Adobe Photoshop, так же вы можете обратиться к специалистам.
Рекомендуемый формат графических элементов, загружаемых на сайт: 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 | - |
| Раздел "Акции" | Образец картинки подраздела | 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 | - |
| Раздел "Акции" -> "Акции" | Образец картинки подраздела "Акции" | 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, так же вы можете обратиться к специалистам.