ПаветтаОбложка для ВК и YouTube
Выберите площадку, впишите название и подпись, положите фото фоном или оставьте рисованный шаблон: обложка рисуется в точном размере, а пунктир показывает, что останется видно на телефоне. Скачивание в PNG или JPG, всё в браузере.
Размер файла точно под площадку. Шрифты подгружаются с Google Fonts при открытии страницы.
Размеры и безопасная зона
Обложка живёт по правилу безопасной зоны. Площадка обрезает картинку по-разному на телефоне, планшете и большом экране, поэтому важное содержимое держат в центральной области, которая видна везде. У обложки канала на YouTube полное изображение занимает 2560 × 1440 пикселей, а гарантированно видна только центральная область около 1546 × 423.
Второе правило — читаемость в маленьком размере. Обложку сообщества смотрят с телефона, где она занимает несколько сантиметров, поэтому мелкий текст и тонкие линии пропадают. Надёжная проверка — уменьшить макет до ширины пары сантиметров и посмотреть, осталось ли понятно, о чём он.
| Где | Размер | Замечание |
|---|---|---|
| Обложка канала YouTube | 2560 × 1440 | безопасная зона около 1546 × 423 |
| Обложка сообщества ВК | 1590 × 400 | на телефоне обрезается по краям |
| Живая обложка | 1080 × 1920 | вертикальный формат |
| Превью видео | 1280 × 720 | читается в маленьком размере |
История: от журнальной обложки к шапке канала
Идея оформлять «шапку» страницы пришла из журнального дела: разворот и обложка десятилетиями были главным инструментом, которым издание отличало себя от соседей на прилавке. В вебе первые баннеры-заголовки появились на форумах и в блогах нулевых и были чисто декоративными.
Соцсети превратили обложку в функциональный элемент: по ней принимают решение о подписке за доли секунды, и в неё стали выносить суть канала, расписание, предложение. Отсюда выросла и главная сложность — один макет обязан работать и на телевизоре, и на экране телефона, между которыми разница в десятки раз.
Как собрать макет, который работает везде
Выберите площадку, подставьте свой фон и текст — разметка безопасной зоны показывается прямо в редакторе. Скачать можно в нужном размере без пересчёта.
Держите текст крупным и коротким: три-четыре слова читаются, предложение — уже нет. Рядом лежат изменение размера фото и генератор афиши.
| YouTube | 2560 × 1440 |
| Безопасная зона | около 1546 × 423 |
| ВК | 1590 × 400 |
| Превью видео | 1280 × 720 |
| Текст | три-четыре слова |
| Проверка | уменьшить и посмотреть |
Контрастность важнее оформления: светлый текст на пёстром фоне теряется на маленьком экране. Простой приём — положить надпись на однотонную плашку или затемнить под ней фон, тогда обложка одинаково читается и в ленте, и в поиске.
Как пользоваться
- Сообщество или профиль ВКонтакте 1590×400, шапка YouTube 2560×1440, группа в Одноклассниках 1944×600, шапка X 1500×500, пост, сторис и квадрат. Пунктир на превью показывает безопасную зону: на телефоне края обрезаются.
- Название крупно, под ним чем занимаетесь или слоган, внизу сайт и телефон. Готовые примеры под сообщество, канал, цитату, анонс и акцию подставляются из списка, любой текст правится.
- Пятнадцать рисованных шаблонов или своё фото. Фото фоном растягивается по обложке и затемняется ползунком, чтобы текст читался; фото в рамке ставится рядом с текстом.
- PNG сохраняет резкость текста, JPG легче. Загрузите файл в настройках сообщества или канала: размер уже правильный, обрезать не придётся.
Частые вопросы
Какого размера обложка ВКонтакте
Для сообщества и профиля 1590×400 пикселей. В мобильном приложении показывается только центральная часть шириной около 1196 пикселей, поэтому текст и логотип держите внутри пунктира. Для поста подходит 1200×800, для истории 1080×1920.
Какого размера шапка YouTube
Файл 2560×1440, но на всех устройствах гарантированно видна только центральная область 1546×423 пикселя: телевизор показывает всё, телефон почти одну эту полосу. Название канала и расписание выпусков ставьте в эту зону, она отмечена пунктиром.
Почему текст на фото плохо читается
Пёстрое фото спорит с буквами. Поднимите затемнение до 40–60 %, выберите шаблон с плотным шрифтом вроде «Мемфис» или «Неон» и оставьте на обложке одну-две строки. Мелкий текст на обложке всё равно никто не читает, контакты лучше вынести в описание.
Можно ли поставить логотип
Логотип удобно добавить как фото в рамке: он встанет рядом с текстом на фоне шаблона. Для сложной композиции с несколькими картинками соберите коллаж и положите его фоном.
Что ещё для соцсетей
Изменить размер фото под аватарку и пост, круглая аватарка, сжать фото до лимита площадки, афиша для анонса события.
Данные куда-то отправляются
Нет. Обложка рисуется на холсте в браузере, фото и текст никуда не уходят.
Спросите нейросети об инструменте
Больше возможностей: Обложка нейросетью, для книги, YouTube, подкаста и плейлиста.
Похожие инструменты
Пиксели вручную или готовый пресет: обложка ВК, превью YouTube, аватар, фото 3×4, печать 10×15. Пакетно, с обрезкой или полями.
ОткрытьАфиша и плакат онлайнАфиша концерта, лекции, ярмарки или акции: заголовок, дата, место, описание и фото на пятнадцати шаблонах, форматы A4, A3 и сторис, PNG, JPG и печать.
ОткрытьКоллаж из фотоСобрать 2–9 фото в сетку: шаблоны, отступы, цвет фона, размер холста; фото подгоняются по ячейкам, результат в JPG или PNG.
ОткрытьКруглая аватаркаВырезать круг из фото с масштабом и сдвигом, рамка любого цвета, прозрачный или цветной фон, размеры 256–1024 px, PNG с прозрачностью.
ОткрытьСжать фото до размераЗадайте вес — 100 КБ, 500 КБ, 1 МБ — и качество подберётся само. Пакетно, с автоуменьшением, если лимит жёсткий.
ОткрытьСхема вышивки из фотоФото в схему вышивки крестом: ширина в крестиках, канва Aida, число цветов, подбор мулине DMC, цветная схема с сеткой и символами, легенда с расходом мотков, размер в сантиметрах и печать чёрно-белых листов.
ОткрытьЕщё генераторы
Пароли и тестовые данные, CSS-градиенты, тени и скругления, clip-path и фильтры, анимации, Flexbox и Grid — в разделе 45 генераторов.
Сервисы, о которых здесь речь
Что это за инструменты, кому подходят и что доступно без оплаты — в карточках каталога.
YouTubeВесь раздел: Видеоплатформы.