Фотографии для лендинга: где взять и как использовать

Человек решает, остаться на странице или закрыть её, раньше, чем успевает прочитать заголовок. Первым считывается визуальный слой: что изображено, живое это или картинка из интернета, похоже ли на настоящий бизнес.

Поэтому фотографии на лендинге — не украшение и не фон под текст. Это доказательство. Снимок реального цеха убеждает сильнее, чем абзац про современное производство, а портрет мастера с именем и стажем закрывает вопрос «кто будет делать» лучше любого обещания.

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

Что фотография делает на лендинге

У визуала на продающей странице три конкретные задачи, и каждая из них измерима.

• Доказывает существование бизнеса. Настоящее помещение, оборудование, сотрудники и документы снимают базовое подозрение, что перед вами лендинг-однодневка.
• Объясняет продукт быстрее текста. Одно фото «до и после» заменяет три абзаца описания услуги, а снимок товара в руке показывает размер лучше, чем строчка с габаритами.
• Задаёт уровень цены. Тёмный кадр с плохим светом и премиальный чек в одном экране не уживаются: посетитель поверит фотографии, а не цифре.

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

Свои фото или сток: как выбрать

Ответ зависит от того, что именно вы продаёте. Если продукт физический или услуга оказывается руками — снимайте своё, других вариантов нет. Если предлагаете консалтинг, онлайн-сервис или что-то, что нельзя сфотографировать, стоковые кадры и графика допустимы.

Опасность стока не в самом факте покупных фото, а в узнаваемости. Улыбающиеся люди в костюмах, пожимающие руки на фоне стеклянного офиса, примелькались настолько, что работают в минус: посетитель считывает «показать им нечего».

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

Обязательный набор кадров

Минимальный комплект для лендинга — 10–15 хороших снимков. Больше обычно не нужно: длинная галерея замедляет страницу и размывает внимание.

1. 1Главный кадр. То, ради чего пришёл посетитель: готовый объект, товар, результат услуги. Идёт на первый экран и в превью для соцсетей.
2. 2Процесс. Три-пять кадров того, как вы работаете: замер, сборка, упаковка, контроль качества. Самый убедительный тип фото и самый редкий на сайтах.
3. 3Люди. Портреты тех, кто общается с клиентом, — в одном стиле, на одинаковом фоне, без корпоративной постановки.
4. 4Место. Офис, цех, шоурум, склад. Хотя бы два кадра: общий план и деталь.
5. 5Доказательства. Сертификаты, дипломы, благодарственные письма, скриншоты переписки с клиентами — снятые читаемо, а не под углом.
6. 6До и после. Если приём применим к вашей нише, это лучший конверсионный кадр на странице. Снимайте с одной точки и при одинаковом свете.

Набор полезно согласовать заранее — на этапе брифа на лендинг. Тогда дизайнер знает, под какие пропорции верстать блоки, а вы не обнаружите за день до сдачи, что нужного кадра нет и снять его уже некогда.

Как снять на телефон и не испортить

Современный смартфон снимает достаточно для веба — разрешение экрана всё равно ниже возможностей камеры. Проблемы возникают не из-за техники, а из-за света, фона и спешки.

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

Второе по важности — фон. Мусор в кадре заметен на фотографии сильнее, чем в жизни: посетитель фиксирует беспорядок и переносит его на качество услуги. Освободите пару квадратных метров, уберите чужие бренды и личные вещи.

• Не используйте цифровой зум. Он просто увеличивает пиксели. Подойдите ближе ногами.
• Не снимайте против окна. Объект уйдёт в силуэт, а лицо превратится в тёмное пятно.
• Держите горизонт ровно. Включите сетку в приложении камеры — это бесплатно и сразу поднимает уровень кадра.
• Снимайте с запасом по краям. Дизайнеру нужно поле для кадрирования под разные пропорции блоков.

Как ставить задачу фотографу

Фотограф снимает то, что ему объяснили. Если прийти со словами «нужны фото для сайта», вы получите красивые кадры, которые не встанут ни в один блок макета: не тот формат, не та композиция, нет места под текст.

Техническое задание на съёмку занимает одну страницу и экономит целую пересъёмку. Оно состоит из четырёх частей.

1. 1Список сюжетов. Что именно должно быть в кадре: «мастер за станком», «готовая кухня в интерьере», «команда из пяти человек в офисе». Не жанры, а конкретные сцены.
2. 2Форматы. Под какие блоки: широкая горизонталь для первого экрана, квадраты для карточек, вертикали для мобильной версии и соцсетей.
3. 3Место под текст. Отметьте, в каких кадрах нужна свободная зона слева или сверху — туда ляжет заголовок и кнопка.
4. 4Референсы. Три-пять примеров чужих страниц, где визуал вам нравится. Это быстрее и точнее, чем описывать настроение словами.

Отдельным пунктом пропишите передачу прав и сроки: сколько отобранных кадров вы получаете, в каком разрешении и до какой даты. Без этого вместо 40 обещанных снимков приезжает 12, а исходники остаются у автора.

Какие фото работают в разных нишах

Тип визуала диктует ниша, а не мода. То, что убеждает клиента ремонтной бригады, бесполезно на странице онлайн-курса.

• Услуги на объекте — ремонт, клининг, монтаж. Ставка на «до и после» и на процесс: люди в форме, техника, порядок на площадке. Одно честное фото бригады за работой стоит десяти рекламных обещаний.
• Товары — мебель, одежда, украшения. Нужен предмет в чистом кадре и он же в жизни, в реальном интерьере или на человеке. Второй тип фото снимает главный страх покупателя: «а как это будет выглядеть у меня».
• Услуги для бизнеса — юристы, бухгалтерия, консалтинг. Показывать нечего, поэтому доказательствами становятся люди, документы и цифры: портреты специалистов, переговорная, сертификаты, скриншоты отчётов.
• Онлайн-продукты и обучение. Скриншоты интерфейса и уроков важнее любых фотографий: покупатель хочет увидеть, что получит внутри.
• Медицина и красота. Тут фото упирается в правовые ограничения: результаты процедур публикуют с письменного согласия и без обещаний гарантированного эффекта.

Если по нише сомневаетесь — посмотрите не на конкурентов, а на то, о чём вас чаще всего спрашивают клиенты до покупки. Каждый частый вопрос — это кандидат на отдельный кадр, который снимет возражение раньше, чем оно прозвучит.

Где брать стоковые фотографии легально

Бесплатные банки с лицензией для коммерческого использования — Pexels и Unsplash. Снимки оттуда можно ставить на коммерческий сайт без оплаты и без указания автора; условия сформулированы в лицензиях самих площадок.

Платные библиотеки вроде Shutterstock, Adobe Stock и российских фотобанков дают больше выбора и меньше риск встретить ту же фотографию у конкурента. Для лендинга обычно хватает разовой покупки нескольких изображений.

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

Права на изображения: что нужно знать

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

• Проверяйте лицензию, а не источник. Наличие файла в поисковой выдаче ничего не говорит о правах. Смотрите условия конкретной площадки.
• Храните доказательства. Скриншот страницы лицензии или чек фотобанка на момент скачивания — то, что защитит вас через два года.
• Берите согласие людей в кадре. Изображение гражданина публикуют с его согласия. Для сотрудников и клиентов достаточно письменного подтверждения.
• Не ставьте чужие логотипы без спроса. Бренды клиентов в блоке «нам доверяют» размещают по согласованию, иначе это претензия по товарному знаку.

Эти требования — часть более широкого набора правовых требований к лендингу: политика обработки данных, согласие на рассылку, реквизиты. Про изображения просто чаще всего забывают.

Обработка, форматы и вес файлов

Хорошая обработка для веба — это не фильтры, а три действия: выровнять кадр, привести цвет и яркость к общему знаменателю, сжать в формат для веба.

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

1. 1Кадрирование под блок. Сразу режьте под пропорции макета: 16:9 для широких полос, 1:1 для карточек, 4:5 для мобильных вставок.
2. 2Размер по длинной стороне. Для полноэкранных фото достаточно 1920 пикселей, для карточек — 800–1200. Загружать оригинал с камеры на 6000 пикселей бессмысленно.
3. 3Формат WebP. При том же визуальном качестве он весит заметно меньше JPEG и поддерживается всеми актуальными браузерами.
4. 4Отложенная загрузка. Атрибут loading=lazy для всех фото ниже первого экрана: браузер не тратит на них трафик, пока посетитель не долистает.

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

Как расставить фото по странице

Первый экран получает самый сильный кадр — тот, что за секунду объясняет, о чём страница. Он не должен перетягивать внимание с оффера и кнопки: если текст тонет в фоне, затемните изображение подложкой или уведите его вбок. Требования к этому блоку собраны в разборе первого экрана лендинга.

Дальше действует правило чередования: блок с фото — блок без фото. Сплошная лента изображений утомляет и удлиняет страницу, а редкие кадры между текстовыми блоками работают как ритмические паузы.

Фотографии в блоке отзывов заслуживают отдельного внимания. Настоящее лицо рядом с текстом отзыва повышает доверие, безликая иконка — нет. Как собирать такие доказательства, описано в статье про социальные доказательства на лендинге.

Если убрать со страницы все фотографии и смысл не пострадает — значит, вы использовали их как обои, а не как аргументы.

Alt, имена файлов и поиск по картинкам

Alt — это текстовое описание изображения, которое читают поисковые роботы и программы экранного доступа, а браузер показывает, если файл не загрузился. Для лендинга это ещё и бесплатный источник трафика: снимки попадают в поиск по картинкам.

• Описывайте, что на фото. «Мастер собирает кухонный гарнитур в цеху» лучше, чем «фото3» или «кухни на заказ недорого».
• Не переспамливайте. Ключ уместен, если он описывает содержимое. Перечисление запросов в alt распознаётся как спам.
• Называйте файлы по-человечески. kuhnya-na-zakaz-cex.webp индексируется лучше, чем IMG-20260419.webp.
• Декоративным элементам — пустой alt. Разделители и фоновые узоры описывать не нужно, для них атрибут оставляют пустым.

Эти мелочи складываются в заметный эффект на дистанции — вместе с остальной работой по SEO для лендинга.

Ошибки, которые видно сразу

Разбор чужих страниц даёт примерно одинаковый набор проблем — он почти не меняется от ниши к нише.

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

Когда вместо фото нужно видео или анимация

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

Но у видео есть цена: оно тяжелее, требует управления воспроизведением и почти всегда смотрится без звука. Если ролик длиннее 60 секунд и начинается с заставки, его не досмотрят. Подробности — в разборе видео на лендинге.

• Короткая петля вместо фона. Пятисекундный беззвучный цикл на первом экране оживляет страницу, но только если весит немного и не мешает читать заголовок.
• Отзыв на видео. Самый сильный формат социального доказательства: подделать его сложнее, чем текст.
• Скринкаст интерфейса. Для сервисов заменяет десяток скриншотов и снимает вопрос «как это устроено внутри».
• Анимация схем. Уместна там, где нужно объяснить порядок шагов, но почти всегда проигрывает по стоимости обычной инфографике.

Правило простое: видео добавляют, когда без него теряется смысл, а не когда хочется оживить страницу. Во всех остальных случаях выигрывает хорошее фото, которое грузится мгновенно.

Где ещё пригодятся снятые кадры

Съёмка окупается не одной страницей. Один и тот же архив закрывает сразу несколько задач, если сразу сохранить кадры в нескольких пропорциях.

1. 1Карточки в картах. Профили в Яндекс Бизнесе и 2ГИС ранжируются выше при наличии живых фото заведения — и это бесплатный локальный трафик.
2. 2Соцсети. Вертикальные версии кадров идут в публикации и сторис без пересъёмки. Как встроить их в регулярную работу, описано в материале про контент-план для соцсетей.
3. 3Рекламные объявления. Живые кадры в объявлениях обычно дают лучший отклик, чем рисованные баннеры: они меньше похожи на рекламу.
4. 4Коммерческие предложения и презентации. Одинаковый визуал на сайте и в документах создаёт ощущение системности.
5. 5Письма клиентам. Фото товара или команды в письме повышает узнаваемость отправителя и снижает шанс попасть в игнор.

Поэтому храните исходники в отдельной папке с понятными именами и не удаляйте их после запуска сайта. Через полгода, когда понадобится обновить блок или запустить рекламу, пересъёмка обойдётся дороже, чем поиск по архиву.

Сколько стоит визуал и на чём можно сэкономить

Диапазон широкий: от нуля, если снимаете сами, до суммы, сопоставимой со стоимостью самой разработки, если нужна студийная съёмка с моделями и реквизитом.

• Съёмка своими силами — 0 ₽. Телефон, дневной свет, пара часов. Для большинства локальных бизнесов этого достаточно.
• Фотограф на выезд — 8 000–25 000 ₽. Два-три часа съёмки плюс обработка. Даёт 30–60 годных кадров, которых хватит и на сайт, и на соцсети.
• Студийная предметная съёмка — от 15 000 ₽. Нужна, когда товар мелкий и требует света и фона: украшения, косметика, еда.
• Платный сток — от 3 000 ₽ за пакет. Разумно, когда снимать нечего, а бесплатные банки не дают нужного сюжета.

Главная экономия не в цене съёмки, а в том, чтобы сделать её один раз и правильно. Кадры с одной сессии расходятся на лендинг, карточки маркетплейсов, соцсети и презентации, поэтому закладывайте съёмку до старта разработки, а не после. Как визуал встраивается в общую смету, видно в разборе того, из чего складывается цена лендинга.

Если фотографии уже есть, а страницы под них нет — соберите её в FreeTeams: нейросеть разложит ваши материалы по структуре, а дизайнер и верстальщик доведут макет до запуска.

План действий на неделю

1. 1День 1. Составьте список сюжетов по блокам будущей страницы — от первого экрана до контактов.
2. 2День 2. Приберите места съёмки и договоритесь с сотрудниками о времени и согласии на публикацию.
3. 3День 3. Снимите весь список за один заход, с дублями и в двух ориентациях.
4. 4День 4. Отберите лучшее, приведите цвет к единому виду, сожмите в WebP и назовите файлы осмысленно.
5. 5День 5. Передайте архив с подписями, какой кадр для какого блока, — и проверьте результат на телефоне.

Неделя работы закрывает вопрос визуала на год вперёд и снимает самую частую причину задержек при запуске страницы — ожидание материалов от заказчика.

Частые вопросы

Можно ли использовать фото из Яндекс Картинок?

Нет. Поисковая выдача не даёт прав на изображение — нужна лицензия правообладателя или фотобанка, иначе возможна претензия о компенсации.

Сколько фотографий нужно для лендинга?

Обычно достаточно 10–15 снимков: один главный кадр, 3–5 фото процесса, портреты команды и несколько изображений результата.

Подойдут ли фото с телефона?

Да, если снимать при дневном свете с опоры и убрать лишнее из кадра. Разрешение современного смартфона перекрывает потребности веба.

В каком формате загружать изображения на сайт?

В WebP: при равном качестве он весит меньше JPEG и поддерживается всеми актуальными браузерами. Вес одного фото стоит держать в пределах 300 КБ.

Нужно ли согласие сотрудников на публикацию их фото?

Да. Изображение человека публикуют с его согласия — для сотрудников и клиентов достаточно письменного подтверждения.