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