Размеры логотипа для сайта и соцсетей — полная шпаргалка 2026
«Пришлите логотип для сайта» — а какого размера? В пикселях ответа нет. В шапке сайта логотип занимает 120–200 пикселей, в аватарке Telegram его сожмут до кружочка, а в поисковой выдаче до 16 пикселей. Один и тот же знак живёт в десятке размеров одновременно. Собрали шпаргалку по всем основным площадкам и правилам подготовки файлов.
Для сайта — SVG, высота 28–40 px в шапке, размер не важен, вектор чёткий везде. Для соцсетей — PNG‑квадрат от 512×512 с крупным знаком по центру: площадки сами нарежут его в свои размеры. Главная ошибка — грузить в аватарку горизонтальный логотип с текстом: после обрезки в круг от него остаётся нечитаемый огрызок.
Логотип на сайте
| Место | Рекомендация |
|---|---|
| Шапка (десктоп) | высота 28–40 px, ширина до ~200 px |
| Шапка (мобайл) | высота 24–32 px |
| Подвал | можно мельче, часто монохром |
| Фавикон | 16–48 px, отдельный упрощённый знак |
Три правила:
- Формат — SVG. Один файл закрывает все плотности экранов. Если только PNG — берите вдвое больше отображаемого размера, иначе на ретине будет мыло (почему, разбирали в статье про размытые логотипы).
- Задавайте высоту, а не ширину. Логотипы разных пропорций в шапке выравнивают по высоте. Так они смотрятся соразмерно навигации.
- Не растягивайте на всю шапку. Гигантский логотип признак сайта из 2008-го. Он должен быть заметен, но не доминировать.
Аватарки соцсетей и мессенджеров
Площадки просят квадрат, а показывают часто круг. Поэтому знак должен уверенно жить в круге: без важных деталей по углам.
| Площадка | Загружаемый размер | Показ |
|---|---|---|
| Telegram | от 512×512 | круг |
| VK | от 400×400 | круг |
| YouTube | 800×800 | круг |
| 500×500 | круг | |
| X (Twitter) | 400×400 | круг |
| Дзен | от 300×300 | круг |
Загрузить в аватарку полный горизонтальный логотип «знак + название». После вписывания в круг текст обрезается или становится микроскопическим. В аватарку идёт только знак: иконка, буква или символ, занимающий 60–80% площади квадрата.
Разбор конкретно под Telegram‑канал (с обрезкой в круг и читаемостью в 40 пикселях) — в отдельной статье про аватарку Telegram-канала. Полное оформление YouTube‑канала — обложка, водяной знак, безопасные зоны — в гиде по оформлению YouTube‑канала.
Обложки и превью
| Место | Размер |
|---|---|
| OG‑превью (превью ссылки в соцсетях) | 1200×630 |
| Обложка сообщества VK | 1920×768 |
| Шапка канала YouTube | 2560×1440 (безопасная зона 1546×423) |
| Обложка Telegram-канала | не поддерживается, только аватар |
OG‑превью — недооценённая точка контакта: именно эту картинку видят, когда вашей ссылкой делятся в Telegram или VK. Логотип на ней должен быть в безопасной зоне по центру: края превью подрезаются на разных устройствах.
Логотип в письмах
Почтовые клиенты — территория ограничений: SVG поддерживается плохо, поэтому здесь исключение из правила «всегда вектор».
- Формат: PNG с прозрачным фоном.
- Ширина в вёрстке: 120–200 px, файл вдвое больше (240–400 px) для ретины.
- Обязательно пропишите
widthв атрибутах и alt‑текст: у многих получателей картинки по умолчанию скрыты, и вместо логотипа виден именно alt.
Печать: другая система координат
Для печати размер задаётся не пикселями, а физическими величинами и разрешением 300 dpi. Визитка, бланк, вывеска — везде отдавайте вектор (SVG, EPS, PDF), и вопрос размера исчезнет вовсе: вектор масштабируется под любой носитель. Какие форматы для чего — в гиде по форматам логотипа.
Как подготовить комплект за 10 минут
- Возьмите SVG‑исходник логотипа и отдельно SVG знака (без текста).
- Из знака экспортируйте PNG 512×512 и 1024×1024 — это закроет все аватарки. Те же 1024×1024 нужны для иконки мобильного приложения (App Store требует ровно этот размер) — правила и подводные камни разбирали в гиде по иконке приложения.
- Из полного логотипа — PNG шириной 400 px для писем и документов.
- Проверьте каждую версию на светлом и тёмном фоне: если знак пропадает на тёмном, нужна светлая версия.
Всегда храните растровые версии в 2 раза больше, чем требует площадка. Уменьшить — секунда, увеличить без потерь — невозможно. А лучше храните вектор и генерируйте растр по запросу.
Логотип в поисковой выдаче и сниппетах
Ещё два места, где живёт ваш логотип и о которых часто забывают:
- Фавикон в выдаче — Яндекс и Google показывают иконку сайта рядом со сниппетом; без неё место занимает серый глобус. Требования и сборка — в отдельном гиде по фавиконам.
- Логотип организации для Google или Яндекса — поисковики берут его из микроразметки
Organization(полеlogo) и карточек компаний. Рекомендации: квадратное или близкое к квадрату изображение от 112×112, доступное по постоянному URL. Это тот логотип, который появляется в панели знаний и карточке организации. - OG‑разметка — превью ссылок собирается из
og:image(1200×630). Если специальной OG‑картинки нет, соцсети возьмут случайное изображение со страницы — задайте её явно, поместив логотип в безопасную центральную зону.
Как отдавать логотип в разных плотностях: srcset
Если вы верстаете сайт и вынуждены использовать PNG (например, логотип фотографический), отдавайте его в двух плотностях через srcset — браузер сам выберет версию под экран:
<img src="/logo-200.png"
srcset="/logo-200.png 1x, /logo-400.png 2x"
width="200" height="60" alt="Логотип компании">Для SVG всё это не нужно — одна ссылка закрывает все плотности, что снова говорит в пользу вектора.
Чек‑лист типовых носителей: сохраните себе
| Носитель | Файл | Размер |
|---|---|---|
| Шапка сайта | SVG | высота 28–40 px в вёрстке |
| Фавикон | SVG + ICO + PNG | 32/180/192 |
| Аватарки соцсетей | PNG‑квадрат | 1024×1024 (знак 60–80%) |
| OG‑превью | PNG/JPG | 1200×630 |
| Письма | PNG | ширина 240–400 px (показ 120–200) |
| Презентации | SVG или PNG | PNG от 800 px по ширине |
| Мессенджеры/стикеры | PNG | 512×512 |
| Печать | вектор (PDF/EPS/SVG) | любой физический размер |
| Логотип для микроразметки | PNG | от 112×112, квадрат |
Соберите эти файлы один раз в папку с говорящими именами — и вопрос «какой размер логотипа нужен для…» перестанет возникать. Полный состав комплекта и форматы — в гиде по форматам логотипа.
Коротко
На сайт — SVG и высота 28–40 px, в соцсети — квадратный PNG от 512 px с одним только знаком, в письма — PNG с двойным запасом, в печать — вектор. И никогда не суйте горизонтальный логотип в круглую аватарку.
Нужные размеры удобно получать из нашего каталога логотипов: каждый бренд лежит в SVG и PNG, а PNG при скачивании можно выбрать в нужном размере — от иконки до 4K.