* Примечание: Если у изображения есть надпись «условно», можно посмотреть реальный размер по двойному щелчку мыши по изображению. Возврат в прежнее состояние — также по двойному щелчку.

Рекомендуемые размеры элементов сайта

ЭлементРекомендуемый размерПримечание
Логотип (в хедере)120–180 × 40–60 pxСоотношение сторон 2:1 или 3:1
Логотип (футер)100–150 × 35–50 pxМеньше, чем в хедере
Высота хедера60–80 pxВместе с верхней полосой — 100–120 px
Меню навигацииВысота 45–55 pxШирина пункта 80–140 px
Высота футера150–250 pxМинимум 120 px
Иконки соцсетей24–32 pxКвадратные
Аватар пользователя32–48 pxКруглые или квадратные

Наглядные размеры элементов

Сравните визуально размер иконок и изображений. Под каждым элементом указан фактический размер в пикселях.

16 × 16 px
24 × 24 px
32 × 32 px
48 × 48 px
64 × 64 px
50
50 × 50 px
80
80 × 80 px
120
120 × 120 px
160×90
160 × 90 px
200×100
200 × 100 px
Логотип
135 × 90 px
Мини
100 × 60 px
Карточка
300 × 150 px
Квадрат
150 × 150 px
Превью
80 × 50 px

Баннеры

Двойной клик — переключить условный / реальный размер.

Баннер главная
1200 × 300 px (условно)Соотношение 4:1
Баннер узкий
800 × 200 px (условно)
Full HD баннер
1920 × 400 px (условно)Широкоформатный

Карточка товара

Мини карточка
200 × 280 pxКаталог
Стандарт
280 × 320 px
Крупная
350 × 400 pxДетальная

Карточка новости

Список новостей
350 × 220 pxОбложка
Карточка
400 × 250 px
Полная статья
600 × 340 pxЗаголовочное фото

Аватарки (круглые)

24 pxКомментарии
32 pxХедер
48 pxСтраница профиля
64 pxЛичный кабинет
96 pxПрофиль крупно
128 pxРедактирование

Панорамные изображения

16:9
320 × 180 pxYouTube превью
16:9 HD
640 × 360 px (условно)
16:9 Full HD
1280 × 720 px (условно)
Панорама 4:1
800 × 200 px (условно)Широкий баннер
Ultra Wide
1920 × 540 px (условно)Соотношение 3.5:1

К разделу «Помощь»

Выберите метод измерения

Линейка — ручное измерение на экране. Изображение — загрузка файлов с автоматическим измерением.