Какой размер баннера в фотошопе

Вы создаете баннер, открыли Photoshop — и перед вами пустой холст. Какие размеры задать? Пиксели, сантиметры, дюймы? Вертикальный или горизонтальный формат? И главное — как не попасть в ловушку неправильного разрешения, из-за которого ваш креатив будет выглядеть как размазанная кашица на экране? Это ключевой момент: технические параметры напрямую влияют на визуальное восприятие и эффективность рекламы. Ошибка на этапе создания может стоить вам бюджета, времени и доверия аудитории.

Стандартные размеры баннеров: что предлагает рынок

До 2026 года индустрия цифровой рекламы стабилизировалась в вопросах форматов. Хотя новые технологии позволяют использовать интерактивные и адаптивные баннеры, базовые размеры остаются узнаваемыми. Почему это важно? Потому что рекламные сети и CMS (например, Google Display Network, Yandex.RTB) автоматически проверяют соответствие загружаемых файлов стандартам. Несоответствие — отказ в публикации.
Наиболее распространённые форматы можно разделить на три группы: прямоугольные, вертикальные и горизонтальные баннеры. Каждый из них имеет свою нишу. Например, прямоугольник 300×250 пикселей (Medium Rectangle) идеально вписывается в текстовые блоги и новостные сайты. Его видят 83% пользователей, просматривающих контент средней полосы страницы (данные IAB, 2025).
Горизонтальные баннеры вроде 728×90 (Leaderboard) занимают верхнюю часть сайта. Они хорошо заметны, но имеют высокую конкуренцию за внимание. Зато их CTR (показатель кликабельности) в среднем на 15% выше, чем у боковых форматов. А вот вертикальные — например, 160×600 (Wide Skyscraper) — отлично работают на длинных страницах: скролл пользователя проходит мимо них снова и снова.

Примеры популярных форматов в 2026 году

• 300×250 пикселей — универсальный формат для медиа и контекстной рекламы.
• 728×90 пикселей — лидер среди горизонтальных баннеров, особенно на новостных порталах.
• 160×600 пикселей — эффективен на сайтах с длинным контентом.
• 320×50 пикселей — мобильный формат (Mobile Banner), оптимизирован под смартфоны.
• 970×250 пикселей — крупный баннер для премиум-размещения, часто используется в retargeting-кампаниях.

Не забывайте про Full-Page Takeover и Sticky Ads — они требуют особых размеров (до 1000×1000), но дают мощный визуальный эффект. Однако такие форматы дороже и нуждаются в согласовании с площадкой.

Как выставить размер в фотошопе: пошаговая настройка документа

Откройте Photoshop. Выбираете «Создать» — и перед вами окно настроек нового документа. Здесь всё решается за первые 10 секунд. Давайте пройдёмся по каждому пункту.
Первое — ширина и высота. Указывайте в пикселях, даже если планируете печать. Почему? Потому что большинство цифровых платформ работает именно с пикселями. Если вы зададите сантиметры, а потом экспортируете в PNG, могут возникнуть расхождения из-за разного DPI.
Второе — разрешение. Для цифровых баннеров ставьте 72–150 ppi. Да, 72 — это устаревший стандарт, но он всё ещё работает. Более высокое значение (например, 150) даёт запас чёткости, особенно если баннер будет увеличен на Retina-экранах.
Третье — цветовой режим. Обязательно RGB, а не CMYK. Последний предназначен для печати, и при публикации на сайте цвета будут искажены. Профиль sRGB — оптимален для веба.
Четвёртое — фон. Лучше выбирать «Прозрачный», особенно если баннер будет размещаться на сложном фоне. Так вы сможете контролировать наложение через CSS или настройки рекламной системы.

Пошаговый алгоритм создания документа

1. Откройте Photoshop → «Создать» новый документ.
2. Введите ширину и высоту в пикселях (например, 300×250).
3. Установите разрешение: 150 ppi (компромисс между качеством и весом файла).
4. Выберите цветовой режим: RGB, профиль sRGB.
5. Фон: «Прозрачный».
6. Нажмите «Создать».

После этого сразу сохраните файл в .PSD — так вы сохраните все слои. Экспорт в PNG или JPG — только на финальном этапе.

Размеры под платформы: от Google Ads до соцсетей

Каждая платформа диктует свои правила. Что подходит для Instagram, не пройдёт в Яндекс.Директ. Давайте разберёмся по системам.
Google Ads поддерживает более 30 форматов, но рекомендует использовать адаптивные объявления. Это значит, что вы загружаете изображения разных размеров, а система сама подбирает подходящий. Минимальные требования: 300×250, 728×90, 160×600. Максимальный размер файла — 150 КБ для статичных баннеров.
Facebook и Instagram работают в другом ключе. Здесь важны вертикальные и квадратные форматы. Оптимальный размер для Instagram Stories — 1080×1920 пикселей. Для ленты — 1080×1080 или 1080×1350. Вес файла — не более 4 МБ, но лучше укладываться в 1–2 МБ для быстрой загрузки.
ВКонтакте и Одноклассники — менее требовательны. Допускаются баннеры 800×200, 600×300, 468×60. Главное — не превышать 500 КБ. При этом система автоматически создаёт миниатюры, поэтому важно, чтобы ключевой элемент (логотип, призыв) был в центре.
YouTube использует InStream-баннеры 1280×720 пикселей (16:9). Это полноэкранный формат, который показывается перед видео. Время показа — от 5 до 30 секунд. Здесь критично качество изображения: разрешение 150 ppi и выше, иначе при увеличении будет видна зернистость.

Разрешение и PPI: мифы и реальность для цифровых баннеров

Многие до сих пор считают, что для цифровых баннеров нужно 72 ppi — потому что «так было всегда». Но это устаревшее правило. Современные экраны, особенно Retina и AMOLED, имеют плотность от 200 до 500 ppi. Если ваш баннер создан с 72 ppi, на таких экранах он будет выглядеть размыто.
Решение? Работайте с 2x размером. То есть, если нужен баннер 300×250, создавайте документ 600×500 пикселей, а затем масштабируйте при экспорте. Это называется «retina-ready» подход. Он гарантирует чёткость на всех устройствах.
Но будьте осторожны с весом файла. Изображение 600×500 с высоким качеством может занять 500 КБ — слишком много для веба. Оптимизация — обязательна. Используйте Save for Web (Ctrl+Alt+Shift+S), выбирайте формат JPEG (для фото) или PNG-8 (для графики с прозрачностью).

Как проверить, достаточно ли разрешения?

• Увеличьте изображение до 200% в Photoshop. Если текст или края объектов «дрожат» — нужно повышать исходное разрешение.
• Проверьте на реальном устройстве: откройте баннер на смартфоне или планшете.
• Используйте инструменты вроде PageSpeed Insights — они покажут, тормозит ли загрузка из-за изображений.

Представьте: пользователь видит ваш баннер на iPhone 15 Pro Max. Экран с плотностью 460 ppi. Ваша работа должна выдержать этот уровень детализации. Иначе вместо впечатляющего дизайна — разочарование и пропущенный CTA.

Типичные ошибки при создании баннеров в Photoshop

Даже опытные дизайнеры допускают фатальные ошибки. Вот самые частые:
Ошибка 1: Игнорирование зон безопасности. Особенно актуально для Stories и InStream-баннеров. На некоторых устройствах края обрезаются. Если логотип или кнопка находятся слишком близко к краю — их не будет видно.
Ошибка 2: Перегруженный дизайн. Баннер должен работать за 3 секунды. Если на нём 5 элементов, 3 шрифта и 2 призыва — пользователь ничего не поймёт. Принцип: один баннер — одна цель.
Ошибка 3: Неправильный экспорт. Сохранение в TIFF или BMP — катастрофа. Всегда используйте PNG (прозрачность) или JPEG (фото). Настройте сжатие: 60–80% качества обычно достаточно.
Ошибка 4: Отсутствие тестирования. Не публикуйте баннер, не проверив его на разных экранах. Используйте Chrome DevTools для имитации мобильных устройств.

Чек-лист перед публикацией

• ✓ Соответствие размеров требованиям платформы
• ✓ Разрешение 150 ppi или retina-вариант
• ✓ Цветовой профиль sRGB
• ✓ Вес файла в пределах нормы
• ✓ Ключевой элемент в центре и не в зонах обрезки
• ✓ Один чёткий призыв к действию
• ✓ Проверка на нескольких устройствах

Экспертное мнение

Главный принцип создания баннера — ориентация на пользователя, а не на технические возможности. Размер — это не просто цифры, это психологический фактор. Горизонтальный баннер 728×90 занимает всю верхнюю полосу, вызывая ощущение контроля. Вертикальный 160×600 — создаёт эффект постоянного присутствия, поскольку следует за глазами при скролле.
Адаптивность становится нормой. Лучшие кампании используют несколько вариантов одного креатива: под десктоп, планшет, мобильный. Это увеличивает CTR на 20–35%. Также важно учитывать время суток и поведение аудитории: вечером работают крупные, простые баннеры; днём — более информативные.
Формат не должен мешать контенту. Навязчивая реклама вызывает антирекламу. Идеальный баннер — тот, который замечают, но не раздражают.

Вопросы и ответы

Заключение

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

• Используйте стандартные размеры, но адаптируйте под платформу.
• Работайте с разрешением 150 ppi или создавайте @2x версии.
• Цветовой профиль — только sRGB, формат — PNG или JPEG.
• Тестируйте баннер на разных устройствах перед публикацией.
• Один баннер — одна цель, один призыв к действию.