Какой размер картинки нужен: ВКонтакте, Telegram и YouTube

Картинку обрезало пополам, текст на обложке уехал за край, а после загрузки всё это ещё и превратилось в кашу из пикселей. Каждый раз причина одна из трёх: не то соотношение сторон, слишком маленький исходник или лишний вес. Разберём по площадкам — и заодно почему так происходит.

Начать стоит с простого: посмотреть, что у вас за файл. Это делается за секунду — проверьте размеры и вес своей картинки, а дальше сверяйтесь с таблицами ниже.

Соотношение сторон важнее, чем количество пикселей

Самая частая ошибка — смотреть только на ширину и высоту. Площадке важнее их пропорция.

Обложке сообщества ВКонтакте нужны пропорции 5:2 — широкая узкая полоса. Если загрузить туда обычную фотографию с телефона (у неё 4:3 или 3:4), система возьмёт из середины полосу нужной формы, а всё остальное отрежет. Обычно вместе с половиной текста и логотипом.

Поэтому правило простое: сначала подгоняем пропорцию, потом уже думаем про пиксели. Картинка 1920 × 768 и картинка 960 × 384 — это одна и та же форма 5:2, обе встанут в обложку одинаково ровно, просто вторая будет менее чёткой на большом экране.

Второй важный момент — безопасная зона. Это часть картинки, которую видно всегда, на любом устройстве. Всё остальное может быть обрезано в зависимости от ширины экрана. У баннера YouTube безопасная зона занимает буквально четверть площади: сам файл 2560 × 1440, а гарантированно видны только 1546 × 423 в центре. Поэтому логотип и текст всегда держат по центру, а не по углам.

ВКонтакте

Цифры из официальной справки ВКонтакте для оформления сообщества.

Что оформляем	Размер	Соотношение
Главная обложка	1920 × 768	5:2
Живая обложка	1920 × 1080	16:9
Аватар сообщества	400 × 400 (минимум 200 × 200)	1:1
Картинка поста	от 550 по ширине	1:1 или 2:1
Сниппет внешней ссылки	от 500 по ширине	1:1 или 5:2
Товар в витрине	1000 × 1000	1:1
Фотоальбом	1200 × 800	3:2
История	от 720 × 1280	9:16

Отдельно про мобильную версию: обложка на телефоне показывается иначе, чем на компьютере, — аватар сообщества накладывается поверх неё в другом месте. Универсального решения нет, кроме одного: не размещать ничего важного по краям и обязательно посмотреть результат с телефона перед тем, как оставить.

YouTube

Что оформляем	Размер	Ограничения
Значок видео (превью)	1280 × 720, минимум 640 по ширине	до 2 МБ, 16:9
Баннер канала	2560 × 1440, минимум 2048 × 1152	безопасная зона 1546 × 423
Аватар канала	800 × 800	показывается кругом

Аватар важно проверять именно как круг: квадратная картинка обрезается по кругу, и всё, что было в углах, исчезает. Это же касается аватарок почти везде — ВКонтакте, Telegram, мессенджеры.

Telegram

У Telegram, в отличие от ВКонтакте и YouTube, нет опубликованной дизайн-спецификации с точными размерами. Ниже — практические значения, которые работают, а не официальный стандарт:

• Аватар канала или группы — квадрат от 512 × 512. Обрезается кругом.
• Картинка в посте — от 1280 по ширине. Telegram пережимает изображения при отправке, поэтому исходник лучше брать с запасом; если важно сохранить качество, отправляйте файлом, а не картинкой.
• История — 1080 × 1920, вертикаль 9:16.

Аватарки: одна картинка на все площадки

Аватарку удобно готовить один раз. Возьмите квадрат 1000 × 1000, разместите лицо или логотип по центру с полями — и он подойдёт везде: YouTube ждёт 800 × 800, ВКонтакте 400 × 400, Telegram от 512 × 512. Уменьшить большую картинку площадка умеет сама и сделает это качественно.

Обратное неверно: маленькую растянуть без потерь нельзя.

Почему картинка мылится после загрузки

Две причины, и обе решаются на этапе подготовки файла.

Исходник меньше, чем нужно. Если загрузить в обложку 1920 × 768 картинку шириной 800 пикселей, площадка растянет её до нужной ширины. Пикселей от этого не прибавится — растягивание просто размажет те, что есть. Поэтому в таблицах и указаны минимальные размеры: ниже них результат будет мыльным всегда.

Пережатие при загрузке. Все соцсети сжимают картинки, чтобы экономить трафик. Повлиять на это напрямую нельзя, но можно не давать поводов: загружать в PNG фотографию — плохая идея (PNG не предназначен для фото, файл выйдет огромным, а площадка всё равно пережмёт его в JPEG, уже дважды потеряв в качестве). Фотографии — JPEG, графика с плоскими цветами и текстом — PNG.

Вес: сколько это в мегабайтах

У площадок есть свои лимиты (например, значок видео на YouTube — до 2 МБ), но дело не только в них. Тяжёлая картинка дольше грузится у тех, кто её смотрит, а на сайте ещё и портит оценку скорости — об этом подробно в статье 100 баллов в Lighthouse.

Разумные ориентиры: обложка или баннер — до 1 МБ, картинка в посте — до 300–500 КБ, аватарка — до 100 КБ. Если ваш файл заметно тяжелее при тех же размерах, дело почти всегда в формате.

Проверить перед загрузкой

Прежде чем загружать, откройте файл и посмотрите три числа: размеры, соотношение сторон и вес. Если соотношение не совпало с таблицей — картинку обрежет; если размеры меньше минимальных — размоет; если вес великоват — стоит пересохранить в другом формате.

Проверять можно сразу несколько файлов, а результаты выгрузить таблицей — это удобно, когда готовишь комплект оформления целиком. Картинки при этом никуда не загружаются: браузер читает их прямо на вашем устройстве.

Отдельная история — картинка, которая показывается при отправке ссылки на ваш сайт в мессенджер или соцсеть. Она берётся не из содержимого страницы, а из специальных мета-тегов, и настраивается отдельно — про это в статье Превью ссылки: как работает Open Graph.