TL;DR: Платформы меняются, но проверенные соотношения сторон уменьшают сюрпризы: 1:1 (квадрат), 4:5 (портрет), 9:16 (вертикаль на весь экран), 16:9 (горизонт). Этот гид даёт рабочие размеры на 2025 год и SVG‑шаблоны. Вместе с Resize, Crop и Squoosh вы получите продакшн‑готовые материалы — всё локально в браузере.
Примечание: Спецификации меняются. Мы приводим общепринятые и совместимые размеры. Перед критическими публикациями проверяйте актуальные официальные рекомендации.
Как пользоваться шаблонами
- Скачайте SVG‑шаблоны по разделам ниже и откройте в Figma/Sketch/Illustrator либо прямо в браузере.
- Локальная обработка:
- Точный размер по пикселям: Resize
- Кадрирование по соотношению сторон: Crop
- Перцептивное сжатие: Squoosh
---
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Лента (квадрат) | 1:1 | 1080 x 1080 | SVG |
| Лента (портрет) | 4:5 | 1080 x 1350 | SVG |
| Stories/обложка Reels | 9:16 | 1080 x 1920 | SVG |
---
YouTube
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Превью (thumbnail) | 16:9 | 1280 x 720 | SVG |
| Шапка канала (с безопасной зоной) | 16:9 (+ safe) | 2560 x 1440 (safe 1546 x 423) | SVG |
---
TikTok
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Видео/обложка | 9:16 | 1080 x 1920 | SVG |
---
X (Twitter)
---
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Изображение для шаринга | 1.91:1 | 1200 x 630 | SVG |
| Обложка страницы | ~2.63:1 | 820 x 312 | SVG |
---
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Изображение для шаринга | ~1.91:1 | 1200 x 627 | SVG |
| Личное обложка | ~4:1 | 1584 x 396 | SVG |
---
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Стандартный Pin | 2:3 | 1000 x 1500 | SVG |
---
Xiaohongshu (RED)
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Пост/обложка | 3:4 | 1080 x 1440 | SVG |
---
| Тип | Соотношение | Рабочий размер (px) | Шаблон |
|---|---|---|---|
| Пост (горизонтальный) | 4:3 | 1200 x 900 | SVG |
---
Практичные советы
- Сначала зафиксируйте соотношение сторон, затем выведите пиксели точно.
- Важные тексты/логотипы держите внутри безопасной зоны.
- Используйте перцептивное сжатие (AVIF/WebP/JPEG) и визуально проверяйте перед публикацией.
- Делайте мастер‑версию в самом крупном соотношении и выводите варианты через Crop.
---
Архив шаблонов
Скачивайте по одному или одним архивом: Скачать все шаблоны
Шаблон пути: /templates/social/2025/{platform}/{name}.svg
---
Источники и обновления
- Перед важными публикациями сверяйтесь с актуальными официальными данными.
- Мы даём максимально совместимые размеры. Приветствуются PR с авторитетными обновлениями.
Ещё по теме: