В данном курсе мы рассмотрим рекомендованные размеры различной графики для решении серии GoPro:
После обновления 4.6.0
До обновления 4.6.0

Рекомендованные размеры графики сайта после обновления 4.6.0 

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

В обновлении появилась возможность установить рядом с главным баннером три небольших Баннера вне слайдера
Рекомендуемые размеры двух горизонтальных баннеров вне слайдера: 816 х 460рх, а вертикального баннера вне слайдера 460 х 816рх.

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


При этом рекомендуемый размер Баннера в слайдере + 3 баннера вне слайдера: 909 х 911 рх.

Баннер + 3


Если для своего сайта вы выбираете вариант Слайдер баннеров + два горизонтальных баннера вне слайдера, то рекомендуемый размер баннера слайдера: 1216 х 511 рх.

Баннер +2

 
Если для своего сайта вы выбираете вариант Слайдер баннеров + вертикальный баннер вне слайдера, то рекомендуемый размер баннера слайдера: 1360 х 511 рх.

Баннер + 1


Если вы решите не использовать на своем сайте малые баннеры вне слайдера, то рекомендуемые размеры для Баннеров слайдера:  

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


Внимание! Так как на разных разрешениях экрана главный баннер может обрезаться по бокам, то текст необходимо на баннере располагать в "безопасной области", ширина которой - 721 px. Данная область располагается в центре баннера.

Логотип сайта

Рекомендуемые размеры для логотипа сайта - 172 x54 px.

Логотип

Иконки разделов в вертикальном меню

Рекомендуемый размер иконок - 20 x 20 px.



Блок с преимуществами сайта

Рекомендуемые размеры иконок - 60 x 60 px.

Преимущества

Картинки разделов в списке разделов

Рекомендуемые размер изображений в данном блоке - 227 x 171 px.

Разделы каталога

Новости и акции

Тут какого-то рекомендованного размера нет. Загружайте изображения любого размера, сайт будет выводить их в нужном ему размере.

Новости и акции


Список товаров

Рекомендованного размера для данного блока нет. Сайт сам пережмет изображения до нужного ему размера, автоматическое пережатие происходит до размеров - 198 x 198 px. (вид Витрина).

Детальная страница товара

Для товаров мы можем лишь рекомендовать не загружать изображения слишком больших размеров, т.к. это может повлиять на скорость их загрузки у посетителей вашего сайта.
Тут все будет зависеть от товаров, которые вы продаете. Например пользователям необходимо иметь возможность хорошо рассматривать фото бижутерии или картинки на детской одежде. В тоже время никто не будет детально рассматривать на вашем сайте дрель или сотовый телефон, для них важнее хорошо заполненная вкладка с характеристиками товара.
Можно ограничиться шириной и высотой изображений в 1200px.


Фотогалерея

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




Рекомендованные размеры графики сайта до обновления 4.6.0

Логотип сайта

Рекомендуемые размеры для лого сайта - 144x43px.

buildpro_logo.jpg


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

Рекомендованный размер главного баннера - 1230x412px.
Так как на разных разрешениях экрана главный баннер может обрезаться по бокам, то текст необходимо на баннере располагать в "безопасной области", ширина которой - 721px. Данная область располагается в центре баннера.
Баннер таких размеров будет хорошо смотреться при любой выбранной вами шапке и типа меню (выбирается в настройках виджета).

main_banner.jpg


Иконки разделов в вертикальном меню

Рекомендуемый размер иконок - 20x20px.

optpro_vertical_menu_icons.jpg


Блок с преимуществами сайта

Рекомендуемые размеры иконок - 44x44px.

buildpro_features.jpg


Картинки разделов в списке разделов

Рекомендуемые размер изображений в данном блоке - 210x160px.

buildpro_sections.jpg


Новости и акции

Тут какого-то рекомендованного размера нет. Загружайте изображения любого размера, сайт будет выводить их в нужном ему размере.

buildpro_new_and_actions.jpg



Список товаров

Рекомендованного размера для данного блока нет. Сайт сам пережмет изображения до нужного ему размера, автоматическое пережатие происходит до размеров - 198x208px (вид Витрина).

buildpro_product_list.jpg


Детальная страница товара

Для товаров мы можем лишь рекомендовать не загружать изображения слишком больших размеров, т.к. это может повлиять на скорость их загрузки у посетителей вашего сайта.
Тут все будет зависеть от товаров, которые вы продаете. Например пользователям необходимо иметь возможность хорошо рассматривать фото бижутерии или картинки на детской одежде. В тоже время никто не будет детально рассматривать на вашем сайте дрель или сотовый телефон, для них важнее хорошо заполненная вкладка с характеристиками товара.
Можно ограничиться шириной и высотой изображений в 1200px.

buildpro_product_detail.jpg


Фотогалерея

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

buildpro_gallery.jpg

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

0