Превью для YouTube: правила дизайна, размеры и 10 типов кликабельных обложек

YouTube приносит нам 40% выручки — и всё начинается с превью

Мы начали системно снимать видео, когда поняли простую вещь: клиент, который посмотрел три наших ролика, приходит на созвон уже «тёплым» — ему не нужно продавать, он пришёл покупать. Сегодня видео приносят SEOquick +40% всей выручки. И первое, что видит будущий клиент, — не наш контент, не экспертизу и даже не название ролика. Он видит превью.

Сейчас мы ведём три канала в трёх разных нишах и языках — и на каждом превью решают:

• SEOquick — канал агентства на 48K+ подписчиков: SEO, AI, подкасты;
• UNmiss — англоязычный канал нашего AI-продукта: западная аудитория, конкуренция с нативными спикерами;
• BeCoin — проект в трейдинг-нише, той самой, с которой началась эта история.

История: дизайнеры, которые не смогли

Когда мы запускали YouTube-направление в трейдинг-нише, задача казалась простой: дать дизайнерам референсы и получить обложки. Реальность: опытные дизайнеры присылали варианты, которые невозможно было публиковать — это была катастрофа. На вопрос «что не так?» мы услышали честное: «А вы не дали чёткое техническое задание».

Пришлось засучить рукава. Мы потратили 10 часов на три 15-минутных обучающих ролика — разбирая буквально каждую секунду и собирая примеры. Освоили Photoshop, отрисовали тестовые обложки сами и составили схему-ТЗ, по которой любой дизайнер делает кликабельное превью с первого раза. Эта статья — та самая схема, плюс всё, что мы добавили к ней за годы работы трёх каналов.

Наши превью: три канала — три задачи

Все обложки ниже сделаны по схеме из этой статьи. Кликните любую — откроется видео, и вы увидите превью «в бою», в реальной ленте канала:

SEOquick · 48K+SEO-аналитика с ИИ: работа 5 часов за 5 минутЧисловое обещание «5 часов → 5 минут» + спикер + бренд-цвета канала SEOquick · 48K+SEO умерло: новая стратегия GEOТип «мнение против большинства»: провокационный тезис крупным текстом SEOquick · 48K+Как обновить старый контент с помощью AIПростой заголовок: текст дополняет название, 2–4 слова читаются из ленты UNmiss · ENWhy 90% of Content is Invisible to AIБольшая цифра «90%» — главный триггер обложки для западной аудитории UNmiss · ENSEO is Dead — Long Live GEOТа же формула «против большинства» работает на любом языке BeCoin · трейдингTurned $10 into $556 in under 5 minutesБольшие цифры + конкретика результата — та самая ниша из нашей истории

Что такое превью и каким должен быть его размер

Технические требования YouTube к превью:

Минимальная ширина — 640 px, но загружать стоит именно 1280×720: YouTube масштабирует обложку от огромного плеера на телевизоре до крошечной карточки в мобильной ленте. Для вертикальных Shorts, Reels и TikTok работает обратная пропорция 9:16 — но в этой статье мы говорим о классических видео.

Один нюанс из практики: на новых каналах YouTube может попросить подтвердить телефон, прежде чем откроет загрузку кастомных превью. Это делается за минуту в настройках канала — и обязательно до публикации первого ролика.

Правила дизайна: сетка, цвет, шрифт

Все «вау-обложки» собираются из трёх решений, которые принимаются один раз на весь канал: сетка расположения элементов, цветовая гамма и шрифт.

Правило третей: куда ставить объекты

Главная ошибка новичков — элементы, расставленные «на глаз». Рабочая альтернатива — правило третей: упрощённое «золотое сечение», где кадр делится на 9 частей двумя горизонтальными и двумя вертикальными линиями. Важные элементы ставятся вдоль линий и на их пересечениях — «точках силы».

Это правило работает и для обычных видео, и для вертикальных форматов. По нашим наблюдениям (мы разобрали ТОП-100 видео по популярным хештегам), у обложек, собранных по сетке третей, вовлечённость стабильно выше — у лидеров ниши Engagement начинался от ~3%. Это наблюдение SEOquick, а не академическое исследование, но за годы оно ни разу нас не подвело.

Где удобнее ставить спикера? Есть слепые тесты с замером расположения на переднем плане: спикер справа даёт больше кликов, чем слева. Логика простая: взгляд в ленте идёт слева направо — сначала текст, потом лицо.

Цвет: одна рабочая схема вместо шести теоретических

Классика учит шести схемам подбора цветов на круге: комплементарная, монохромная, разделённая комплементарная, аналоговая, триада, тетрада. Знать их полезно, но для канала достаточно одной рабочей схемы:

1. Выберите основной цвет канала — он же цвет бренда (у нас зелёный был цветом канала клиента, у SEOquick — фиолетовый).
2. Добавьте нейтральную базу: белый, чёрный и 50% серый.
3. Возьмите противоположный цвет на круге — это акцент для самых важных элементов.
4. Меняйте подсветку, а не палитру. Чтобы видео в единой гамме не сливались, используйте разные оттенки свечения вокруг текста: тень под буквы, яркая подсветка через размытие по Гауссу, внутренняя тень для объёма.

Шрифт: один на канал — и навсегда

На подбор шрифта легко потратить недели. Сузим выборку: семейство Eastman от Zetafonts (официальная страница) выглядит отлично практически в любом превью — жирный, геометричный, читаемый на любом размере. Альтернативы, проверенные на тысячах обложек:

Правила одни для всех шрифтов: 2–4 слова, высота букв — не меньше трети высоты кадра, жирное начертание, обводка или подсветка для контраста с фоном. Текст на превью должен дополнять заголовок, а не дублировать его — как составить сам заголовок, мы разбираем в статье про цепляющий Title.

Как сделать превью: пошаговая инструкция

Схема ниже — то самое ТЗ, которое мы составили после 10 часов разбора чужих уроков. Основной инструмент — Photoshop (часть эффектов без него не повторить), но логика работает в любом редакторе — от Canva до Figma.

1. Включите сетку третей

   «Просмотр → Новый макет направляющей» → 3 столбца, 3 строки. Это каркас всей композиции.

2. Соберите каркас изображения

   Фон, спикер (справа!), место под текст по левой трети. Сначала крупные блоки — детали потом.

3. Наложите текст и эффекты

   Выбранный шрифт + эффекты слоя: тиснение, контур, тень, внутренняя тень, внутреннее свечение. Сохраните созданный стиль слоя — он станет фирменным для канала.

4. Обработайте задний фон

   Фон не должен спорить с текстом. Рабочие приёмы: затенение (полупрозрачный чёрный слой или кисть), искажение/растягивание, размытие по Гауссу, мозаика, размытие в движении. Любой из них смещает фокус на главное.

5. Поправьте цвет текста

   Если цвет «не садится» на фон: «Коррекция → Цветовой тон/насыщенность» → галочки «Тонирование» и «Просмотр» — и подгоняете под палитру канала.

6. Добавьте один визуальный триггер

   Стрелка, кружок или палец направляют взгляд на ключевой элемент. Правило: триггер нужен, когда элементов много. Если на обложке и так один объект — стрелка лишняя.

7. Проверьте эмоцию и чёткость спикера

   Чёткой корреляции «улыбка vs шок» нет — но чёткое, резкое лицо всегда работает лучше карикатурной эмоции. Кринж-гримасы оставьте конкурентам.

8. Прогоните через thumbsup.tv

   Бесплатный сервис thumbsup.tv показывает обложку в интерфейсе YouTube: день/ночь, десктоп/мобайл, главная/страница канала. Мелкие детали и нарушенные пропорции видны сразу — без этой проверки отдавать работу нельзя.

10 типов кликабельных превью

Все обложки YouTube собираются из 10 повторяющихся формул. Вы не будете делать все плашки одинаковыми — поэтому вот весь каталог: комбинируйте 2–3 типа и чередуйте их.

Мастер-класс от MrBeast: реальные обложки канала №1

MrBeast — 400M+ подписчиков и команда, которая делает до 20 вариантов обложки на видео. Посмотрите на его реальные превью и заметьте, как в каждом работают приёмы из каталога выше:

MrBeastAges 1–100 Race For $250,000!Большие цифры + сравнение: сто лиц и сумма приза — два триггера в одном кадре MrBeast$1 vs $1,000,000,000 Futuristic Tech!Чистое «сравнение»: дешёвое против дорогого, контраст виден даже в мини-карточке MrBeast7 Days Stranded in The ArcticШок + эмоция: гиперболизированная сцена видео, лицо с читаемой эмоцией на точке силы MrBeast50 Streamers Fight for $1,000,000Социальный хакинг: лица известных стримеров + большая цифра приза

Общий знаменатель всех его обложек: минимум текста (или ноль), одна понятная сцена, насыщенные цвета, читаемая эмоция — и обязательная проверка на размере мобильной карточки. Дорогие декорации вторичны: формулы те же, что в каталоге выше.

Стратегия: бренд, почерк и защита от клише

Не копируйте топ выдачи

Первая идея каждого автора — посмотреть конкурентов и «вставить свою голову на место другого спикера». Так делают все — и поэтому выдача YouTube по основным запросам выглядит одинаково: возникает эффект клишированных иконок, в котором теряется личность спикера. Зритель сочтёт вас «копирующим очередного блогера» и пройдёт мимо.

Рабочее противоядие — брать идеи из других ниш. Каркас популярной обложки из кулинарной ниши, перенесённый в финансовую, даёт двойной эффект: конструкция уже проверена просмотрами, а в вашей нише так не делает никто.

Брендирование

Эксперименты — это классно, но цвета, шрифт и стилистика должны быть едиными на канале. Узнаваемый стиль — это накопленный CTR: аудитория кликает по «своим» обложкам в ленте раньше, чем читает заголовок. Тот же принцип единого стиля работает и для шапки канала.

Выбор слов для текста

• Большие цифры — «×7 за 6 месяцев»;
• Утверждение — «Это убивает ваш CTR»;
• Мнение против большинства — «SEO не умерло»;
• Провокационный вопрос — «Зачем вы так снимаете?»;
• Короткий заголовок — 2–4 слова, дополняющие Title;
• Отсутствие текста — для типа «простота».

Эти же формулировки — основа ТЗ для дизайнера. Как ставить задачи исполнителям, чтобы не получить «катастрофу» из нашей истории, — в гайде про техническое задание.

Тестирование: пусть YouTube сам выберет лучшую обложку

Догадки больше не нужны: функция «Тестирование и сравнение» (Test & Compare) в YouTube Studio позволяет загрузить до трёх вариантов превью на одно видео — YouTube сам покажет их разным зрителям и определит победителя по доле времени просмотра.

Как это использовать системно:

• загрузите три варианта (например, разные типы из каталога выше);
• подождите, пока YouTube соберёт статистику — обычно до двух недель;
• проверьте результат на странице сведений о видео: победителя YouTube оставит сам, но вы можете заменить его вручную.

Ориентир по метрикам: нормальный CTR превью у большинства каналов — от 2% до 10% (данные YouTube Analytics); диапазон зависит от ниши и того, где показывается видео. CTR — это сигнал для системы рекомендаций: когда зрители видят обложку, но не кликают, охват падает. Превью + заголовок + правильные теги и ключевые слова — три рычага, которые вы контролируете полностью.

Сервисы и ИИ: где делать превью без дизайнера

Photoshop — самый гибкий путь, но не единственный. Рабочие альтернативы с готовыми шаблонами под 1280×720:

Чеклист: 7 проверок готового превью

• Размер и формат. 1280×720, 16:9, JPG/PNG, до 2 МБ.
• Сетка третей. Ключевые элементы — на линиях и точках силы, спикер справа.
• Текст. 2–4 слова, дополняет заголовок, читается с экрана телефона на расстоянии вытянутой руки.
• Палитра. Бренд-цвет + нейтральная база + один акцент. Фон затемнён/размыт и не спорит с текстом.
• Один триггер. Стрелка/кружок/палец — только если элементов много. Тематика видео видна, спрятана только интрига.
• thumbsup.tv. Обложка проверена в day/night, десктоп/мобайл, главная/канал.
• Тест. Загружены 3 варианта в Test & Compare — решают зрители, а не вкус дизайнера.

Коротко: система кликабельного превью

1. Превью решает клик. 90% топовых видео используют кастомные обложки; нормальный CTR — 2–10%, и каждый процент сверху — это рост охвата через рекомендации.
2. Три решения один раз: сетка третей, палитра «бренд + база + акцент», один шрифт на канал.
3. 10 типов обложек покрывают всё: комбинируйте 2–3, держите серию из 5 видео, потом обновляйте один элемент.
4. Не копируйте свою нишу — берите конструкции из чужих ниш и адаптируйте под свой бренд.
5. Тестируйте, а не угадывайте: thumbsup.tv до публикации, Test & Compare после. Данные всегда побеждают вкус.

Если хотите, чтобы превью, заголовки и стратегия канала работали как система, — посмотрите нашу услугу раскрутки в YouTube и полный чек-лист продвижения видео.