Фотографии для сайта

Что снять за одну съёмку

Процесс работы. Как вы делаете то, за что берёте деньги: монтаж, приём, производство, склад. Это главный аргумент, что вы существуете.
Результаты. Готовые объекты, изделия, интерьеры, «до и после». Одинаковый ракурс в паре снимков работает лучше всего.
Люди. Сотрудники на рабочих местах, а не в студии на белом фоне. Портреты нужны на страницы «о компании» и «команда».
Помещение и оборудование. Офис, шоурум, цех, вход с улицы — последнее помогает клиенту вас найти.
Детали. Инструменты, материалы, документы, упаковка — из них собираются мелкие блоки на странице.
Горизонтальные кадры с запасом по краям — под баннеры первого экрана, где картинку придётся обрезать.

Ориентир по объёму: 40–60 годных кадров закрывают сайт средней компании целиком.

Если бюджета на фотографа нет

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

Что делать нельзя

Ошибка	Чем плохо
Сток «люди в офисе»	Видно сразу, убивает доверие
Чужие работы из интернета	Претензии по авторским правам и обман клиента
Фото с логотипом другой компании	Замечают в первую очередь
Коллажи с текстом поверх фото	Не адаптируются под мобильный, не индексируются
Разный стиль и цветокоррекция	Сайт выглядит собранным на коленке

Подготовка к загрузке

1. Обрежьте под размер блока. Загружать 6000 пикселей туда, где отображается 800, — прямая потеря скорости.

2. Сожмите и переведите в WebP. Экономия 30–60% веса без видимой разницы.

3. Назовите файлы по смыслу: `montazh-okon-rostov.webp`, а не `IMG_4821.webp`.

4. Заполните alt — короткое описание того, что на снимке. Это и доступность, и трафик из поиска по картинкам.

5. Задайте размеры в вёрстке — иначе страница «прыгает» при загрузке, что портит показатели Core Web Vitals.

6. Включите ленивую загрузку для картинок ниже первого экрана.

Проверить всё это стоит до подписания акта — пункт есть в чек-листе приёмки.

Кто за это отвечает в проекте

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

Нужен список кадров под конкретный дизайн вашего сайта — напишите нам, составим техзадание на съёмку под уже согласованные блоки.

Связанные решения

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

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

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

Для веба — WebP (или AVIF) с запасным JPEG. Ширина под реальный размер блока: 1600–1920 пикселей для полноэкранных баннеров, 800–1200 для карточек. PNG — только для графики с прозрачностью.

Ориентир — до 150–250 КБ для крупного изображения и до 60–100 КБ для карточки. Фото по 3–5 МБ прямо с камеры — самая частая причина медленной загрузки на мобильном интернете.