Размеры изображений для сайтов, почты и соцсетей
Справочная таблица размеров и пропорций для веб-страниц, превью ссылок, почты и всех крупных соцсетей.
Изображение неправильного размера это либо размытый результат, либо обрезанный объект, либо медленная страница. Этот справочник собирает размеры, которые работают в 2026 году, с объяснением логики, чтобы вы могли принимать разумные решения, когда платформа меняет правила.
Два принципа
Подгоняйте под размер показа с учётом экранов высокой плотности. У большинства телефонов и ноутбуков теперь два-три физических пикселя на один CSS-пиксель. Изображение, показанное шириной 600 CSS-пикселей, должно быть шириной 1200 пикселей, чтобы выглядеть чётко. Больше чем 2× только увеличивает вес без видимой пользы.
Сначала правильные пропорции, потом число пикселей. Платформы автоматически обрезают под свои пропорции, и автоматическая обрезка отрезает головы и логотипы. Обрежьте под нужные пропорции сами инструментом обрезки, затем измените размер инструментом изменения размера.
Изображения для сайта
| Назначение | Ширина | Пропорции | Целевой вес |
|---|---|---|---|
| Главный баннер во всю ширину | 1920 пикс. (2560 для очень больших экранов) | 16:9 или 21:9 | Меньше 300 КБ в WebP |
| Изображение в статье или блоге | 1200-1600 пикс. | 3:2 или 16:9 | Меньше 150 КБ |
| Карточка или миниатюра в сетке | 600-800 пикс. | Одинаковые по всей сетке | Меньше 60 КБ |
| Фото товара | 1200-2000 пикс. | 1:1 или 4:5 | Меньше 200 КБ; больше для увеличения |
| Логотип (растровый) | 2× от размера показа | Как задумано | PNG или SVG |
| Open Graph / превью ссылки | 1200 × 630 пикс. | 1,91:1 | Меньше 300 КБ, JPG или PNG |
| Favicon | 16, 32, 48, 64 пикс. в одном .ico | 1:1 | Крошечный |
| Apple touch icon | 180 × 180 пикс. | 1:1 | PNG |
Почта
Почтовые клиенты показывают письмо фиксированной ширины, обычно 600-640 пикселей для тела письма. Давайте изображения шириной 1200 пикс. (2× для retina) и держите всё письмо примерно до 1 МБ; более тяжёлые письма Gmail обрезает, а на телефоне они медленно открываются. Используйте JPG или PNG; поддержка WebP в почтовых клиентах всё ещё неровная. GIF подходит для простой анимации.
Соцсети
| Платформа | Место | Размер | Пропорции |
|---|---|---|---|
| Лента, вертикально (лучший охват) | 1080 × 1350 | 4:5 | |
| Лента, квадрат | 1080 × 1080 | 1:1 | |
| Истории / обложка Reels | 1080 × 1920 | 9:16 | |
| Фото профиля | 320 × 320 (показывается в круге) | 1:1 | |
| Изображение в ленте | 1200 × 630 или 1080 × 1350 | 1,91:1 или 4:5 | |
| Обложка страницы | 1640 × 856 | Показывается 820 × 312 на компьютере | |
| Изображение в посте | 1200 × 627 | 1,91:1 | |
| Баннер компании | 1128 × 191 | около 5,9:1 | |
| X (Twitter) | Изображение в посте | 1600 × 900 | 16:9 |
| X (Twitter) | Шапка | 1500 × 500 | 3:1 |
| YouTube | Превью | 1280 × 720 | 16:9, меньше 2 МБ |
| YouTube | Баннер канала | 2560 × 1440 (безопасная зона 1546 × 423) | 16:9 |
| TikTok | Обложка видео | 1080 × 1920 | 9:16 |
| Пин | 1000 × 1500 | 2:3 | |
| WhatsApp / Telegram | Фото профиля | 640 × 640 | 1:1 |
Каждая соцсеть пересжимает загрузки, обычно в JPG с качеством около 75-80. Загружайте в высоком качестве (JPG 90 или PNG) точно в указанных размерах и дайте платформе сжать один раз, а не накладывайте своё сжатие поверх их. Чтобы увидеть пост до публикации, используйте мокап поста.
Печать, для полноты
Печать измеряется в пикселях на дюйм, а не в общем числе пикселей. Стандарт 300 ppi: фото 10 × 15 см требует 1800 × 1200 пикс., страница A4 требует 2480 × 3508 пикс., плакат A3 3508 × 4961 пикс. Всё ниже 150 ppi при печати заметно мягкое. Давайте JPG с качеством 95 или формат без потерь.
Быстрый порядок действий
- Обрежьте под пропорции, которые нужны месту назначения.
- Измените размер до ширины из таблицы, никогда не больше 2× размера показа.
- Экспортируйте в WebP для сайтов, JPG для почты и соцсетей, PNG для графики с прозрачностью.
- Проверьте вес; если он больше цели, снизьте качество на несколько пунктов, а не уменьшайте размеры.
Все четыре шага можно сделать на этом сайте, никуда не загружая изображение.