Картинка 1920 на 720 пикселей — это широкоформатное изображение с соотношением сторон 8:3, которое чаще всего требуется для баннеров, обложек, шапок сайтов и презентационных слайдов. Проблема в том, что стандартные стоки отдают изображения в пропорциях 16:9 или 4:3, и при вставке в поле 1920×720 картинка либо обрезается по краям, либо растягивается с искажением. Решение — либо искать готовые панорамные изображения, либо самостоятельно кадрировать исходник под нужный размер.
Разберёмся, где взять подходящие изображения, как создать баннер точного размера в популярных редакторах и на что обратить внимание, чтобы картинка не потеряла качество после сжатия.
Что представляет собой разрешение 1920×720
Формат 1920×720 пикселей является усечённой версией стандарта Full HD (1920×1080): ширина сохранена, а высота уменьшена на треть. Получается вытянутая горизонтальная полоса, которая идеально заполняет шапку сайта или верхнюю часть экрана, не занимая лишнего вертикального пространства.
Соотношение сторон 8:3 не входит в число классических, поэтому автоматические инструменты кадрирования редко предлагают его по умолчанию. Придётся задавать размер вручную — в пикселях или через произвольную пропорцию 8:3.
Важно понимать: 1920×720 — это не то же самое, что 720p (1280×720). В первом случае цифра 720 обозначает высоту при полной ширине Full HD, во втором — название стандарта видео. Путаница между этими понятиями — частая причина того, что пользователь скачивает неподходящее изображение.
1920×720 — это панорамный формат 8:3 на базе ширины Full HD. Не путайте его со стандартом видео 720p (1280×720).
Где применяются изображения такого размера
Широкие баннеры востребованы везде, где нужно задействовать экран по горизонтали, сохранив компактность по вертикали. Типичные сценарии:
- 🖥️ Шапки и хиро-блоки сайтов — баннер на всю ширину страницы под меню навигации;
- 📧 Обложки email-рассылок — верхний блок письма с логотипом и заголовком;
- 🎬 Заставки и титры — промежуточные кадры в видеомонтаже;
- 🖼️ Обложки сообществ и каналов — некоторые платформы используют широкие поля для обложек;
- 📊 Слайды презентаций — баннерная часть слайда с ключевым тезисом;
- 🖨️ Печатные макеты — вывески, афиши и рекламные полосы малой высоты.
Перед созданием макета проверьте требования конкретной платформы: размеры обложек у соцсетей и сервисов периодически меняются, и актуальные значения стоит сверять в официальной документации площадки, а не в старых подборках.
Где скачать готовые картинки 1920×720
Готовых изображений ровно 1920×720 на стоках почти нет — фотостоки хранят исходники в естественных пропорциях камеры. Рабочая стратегия: скачать панорамное фото большего разрешения и обрезать его до нужного размера. Так вы получите максимальное качество без апскейла.
Обратите внимание на лицензию. Бесплатные фотостоки обычно разрешают коммерческое использование без указания автора, но условия у каждой площадки свои — проверяйте страницу лицензии перед публикацией, особенно если баннер пойдёт в рекламу.
| Источник | Тип контента | Особенность поиска |
|---|---|---|
| Бесплатные фотостоки | Фотографии высокого разрешения | Искать по слову «panorama», затем кадрировать |
| Платные стоки | Фото и векторы | Фильтр по ориентации «горизонтальная» |
| Генераторы изображений | Уникальные арты | Задать пропорцию 8:3 в параметрах |
| Собственные фото | Любые | Снимать в панорамном режиме камеры |
⚠️ Внимание: не растягивайте обычное фото 16:9 до 1920×720 изменением только высоты — пропорции объектов исказятся, и это сразу заметно. Нужен именно кроп (обрезка), а не деформация.
Как создать изображение 1920×720 в редакторе
Проще всего задать точный размер при создании нового документа. В графических редакторах — Photoshop, GIMP, Photopea (работает в браузере) — при создании файла укажите ширину 1920 и высоту 720 пикселей. В онлайн-конструкторах баннеров выберите пункт произвольного размера и введите те же значения.
Если исходник уже есть, порядок действий такой: откройте изображение, активируйте инструмент кадрирования, зафиксируйте пропорцию 8:3 или задайте размер рамки 1920×720, расположите область обрезки по композиции и примените. Следите, чтобы важные элементы — лица, текст, логотипы — не попали под срез.
☑️ Подготовка баннера 1920×720
Для веба экспортируйте результат в JPEG (фотографии) или PNG (графика с текстом и резкими краями). Формат WebP даёт меньший вес при сопоставимом качестве, но проверьте, поддерживает ли его ваша платформа.
Чтобы баннер одинаково хорошо смотрелся на узких экранах, размещайте главный объект по центру кадра — края на мобильных устройствах часто обрезаются.
Качество, вес файла и оптимизация
Тяжёлый баннер замедляет загрузку страницы, а это влияет и на поведение посетителей, и на позиции сайта в поиске. Для шапки сайта разумно стремиться к файлу в пределах нескольких сотен килобайт — точный баланс подбирается экспериментально: уменьшайте качество JPEG до тех пор, пока артефакты не станут заметны на реальном макете.
Не используйте апскейл маленьких картинок до 1920×720 — растянутое изображение будет мыльным, особенно на экранах с высокой плотностью пикселей. Если исходник меньше нужного размера, лучше найти другую фотографию или сгенерировать новую.
Почему баннер выглядит размытым на некоторых экранах
На дисплеях с высокой плотностью пикселей (Retina и аналоги) браузер фактически отрисовывает изображение с удвоенным разрешением. Если критична чёткость, можно подготовить версию 3840×1440 и подключать её для таких экранов через srcset — но это увеличит вес страницы.
⚠️ Внимание: при публикации в соцсетях платформа может пережать изображение своим алгоритмом. Проверяйте результат после загрузки — иногда помогает сохранение в PNG вместо JPEG.
Оптимальный рабочий процесс: панорамный исходник большего размера → кадрирование 8:3 → экспорт в JPEG/WebP → проверка на реальной странице.
Частые ошибки при работе с форматом
Первая типичная ошибка — растяжение вместо кадрирования, о ней уже сказано выше. Вторая — игнорирование безопасной зоны: текст у самого края баннера может обрезаться на мобильных устройствах или перекрываться элементами интерфейса платформы. Держите отступы от краёв и проверяйте макет на разных экранах.
Третья ошибка — мелкий текст. На высоте 720 пикселей мелкий шрифт превращается в нечитаемую полосу, особенно после сжатия. Заголовки делайте крупными, а подробности выносите за пределы баннера.
Часто задаваемые вопросы
1920×720 — это какой формат: HD или Full HD?
Формально это ширина Full HD при уменьшенной высоте. Стандартным именем у такого разрешения нет — правильнее называть его панорамным форматом 8:3 на базе 1920 пикселей по ширине.
Можно ли использовать картинку 1920×720 как обои рабочего стола?
Можно, но на стандартном мониторе 16:9 останутся чёрные полосы сверху и снизу либо система растянет изображение с искажением. Такой формат уместен на ультрашироких мониторах или как фон отдельной панели.
Чем открыть и отредактировать картинку без установки программ?
Подойдут браузерные редакторы, например Photopea, а также онлайн-конструкторы баннеров с функцией произвольного размера холста. Для простого кадрирования хватит встроенных средств просмотра изображений в современных ОС.
Почему после загрузки на сайт баннер стал мыльным?
Возможные причины: исходник был меньше 1920 пикселей по ширине, применено слишком сильное сжатие JPEG или платформа сама пережала файл. Проверьте размер исходника и попробуйте экспорт с более высоким качеством.
Какой формат файла выбрать для баннера с текстом?
Для графики с текстом и логотипами лучше подходят PNG или WebP — они не дают JPEG-артефактов вокруг резких краёв букв. Для фотографий без текста достаточно JPEG с умеренным сжатием.