Три числа в карточке: размеры, соотношение сторон и вес
Размеры — ширина и высота в пикселях, то самое «1920 × 1080». Это свойство самого файла, оно не меняется от того, на каком экране вы его смотрите. Соотношение сторон — та же пара чисел, сокращённая до простейшей дроби: 1920 × 1080 и 1280 × 720 дают одинаковые 16:9, и в макет под 16:9 обе картинки встанут без обрезки. Вес — сколько файл занимает на диске. Из размеров он напрямую не следует, две картинки 1920 × 1080 могут весить 200 КБ и 4 МБ, разница в формате и степени сжатия.
Чаще всего проверяют расхождение между этими тремя числами. Макет просит квадрат, а у файла 4:3, и площадка обрежет края. Или размеры в норме, а вес 6 МБ, и страница грузится секундами.
| Соотношение | Где встречается |
|---|---|
| 1:1 | квадрат — пост в Instagram |
| 4:3 | традиционное фото |
| 3:2 | классический кадр 35 мм |
| 16:9 | широкий экран, обложка YouTube |
| 9:16 | вертикальное видео и сторис |
| 2:1 | шапка профиля |
Какой размер картинки нужен для ВКонтакте, YouTube и Telegram
Цифры ниже взяты из официальной справки ВКонтакте (проверено в августе 2026 года). Площадки меняют требования, поэтому перед важной публикацией сверяйтесь с их собственной документацией, а не со сторонними подборками. Как раз по обложкам подборки расходятся сильнее всего.
| Что оформляем | Размер | Соотношение |
|---|---|---|
| Обложка сообщества ВК | 1920 × 768 | 5:2 |
| Живая обложка ВК | 1920 × 1080 | 16:9 |
| Аватар сообщества ВК | 400 × 400 | 1:1 |
| Картинка поста ВК | от 550 по ширине | 1:1 или 2:1 |
| Сниппет внешней ссылки ВК | от 500 по ширине | 1:1 или 5:2 |
| Товар в витрине ВК | 1000 × 1000 | 1:1 |
| История ВК | от 720 × 1280 | 9:16 |
| Фотоальбом ВК | 1200 × 800 | 3:2 |
Практический смысл соотношения виден именно здесь. Обложке сообщества нужны 5:2, и если загрузить туда фотографию 4:3, площадка срежет верх и низ, как правило вместе с половиной текста на картинке. Поэтому проверять стоит и то, сколько пикселей, и то, во что эти пиксели складываются.
Размеры для YouTube и Telegram, безопасные зоны и разбор, почему картинка мылится после загрузки, есть в статье Какой размер картинки нужен: ВКонтакте, Telegram и YouTube.
Когда картинка «слишком тяжёлая»
Для картинки на сайте разумный ориентир — до 200–300 КБ на иллюстрацию и до 1 МБ на крупное фоновое изображение. Если инструмент показал больше, причина обычно одна и та же. Файл в PNG там, где подошёл бы JPEG или WebP. Размеры кратно больше, чем место, в котором картинка показывается (фотография 6000 × 4000 в блоке шириной 800 пикселей). Либо это исходник прямо из камеры или графического редактора, со всеми метаданными.
Вес напрямую влияет на скорость загрузки страницы и на оценку Core Web Vitals. Как это связано с позициями в поиске, разобрано в статье 100 баллов в Lighthouse.
Почему размеры считаются прямо в браузере
Браузер сам умеет открыть изображение и сообщить его ширину, высоту и вес, а формат берётся из типа файла. Сервер в этом не участвует, поэтому подходит и для служебных скриншотов, и для клиентских макетов: файл остаётся на вашем устройстве. По той же причине можно закинуть сразу десяток файлов и выгрузить таблицу с результатами в CSV, ограничение только в производительности вашего компьютера.