Бизнес-портрет на сайт компании: технические требования и стиль 2026

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

Технические требования к портрету для сайта в 2026

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

• Разрешение минимум 1500×1500 px. Это Retina-готовый размер: даже если на странице портрет показывается на 600 пикселей, на экранах с плотностью 2x и 3x браузер отдаст исходник без размытия. Меньше 1500 уже впритык, через год вы об этом пожалеете.
• Цветовое пространство sRGB. Веб-стандарт. Файл в Adobe RGB или ProPhoto в браузере уйдёт в перенасыщенные или мутные цвета на 70% мониторов. Конвертация обязательна на этапе экспорта.
• JPEG, качество 85-90%. Баланс между весом и видимым качеством. 100% даёт лишние мегабайты без видимой разницы, ниже 80% уже виден шум на коже и контурах.
• EXIF удалён. Это вопрос приватности и безопасности: в EXIF лежат координаты съёмки, модель камеры, иногда серийный номер. Фотограф вычищает метаданные перед сдачей, на сайте им делать нечего.
• WebP и AVIF дополнительно к JPEG. Современные сайты раздают изображения через picture-тег с фоллбэком: WebP весит на 25-35% меньше JPEG того же качества, AVIF ещё на 20% компактнее. Если разработчик попросил «дайте в WebP», это не каприз, а реальный выигрыш по скорости загрузки.

Отдельная мелочь, на которой спотыкаются заказы из 2018-2020 годов: цветовой профиль sRGB должен быть встроен в файл, а не «подразумеваться». Без встроенного профиля Safari и старый Edge показывают портрет с холодным синеватым оттенком, и заказчик получает претензию от руководителя: «почему у меня лицо как у утопленника».

Какие кадры заказывать у фотографа для сайта

Главное правило: один портрет не закрывает все задачи. Минимум, который имеет смысл просить у фотографа на каждого сотрудника, это три разных кадра. Не один растянутый или подрезанный в трёх версиях, а именно три кадра с разным построением.

1. Квадратный кроп 1500×1500. Для карточки команды в сетке, для аватарок в блоге, для превью статей, для социальных сетей компании. Самый универсальный формат, который в 2026 году используют почти все CMS.
2. Прямоугольный портрет 3:4 или 4:5. Для крупной карточки команды, для страницы «о сотруднике», для блока с цитатой. Этот формат выглядит «солиднее» квадрата и даёт дышать пространству над головой.
3. Горизонтальный 16:9 или 16:10. Для обложек авторских статей, для шапок персональных страниц, для баннерных блоков. Здесь человек обычно смещён в треть кадра, а вторая часть остаётся свободной под текст.

Это разные кадры по композиции: на квадрате человек обычно по плечи и чуть фронтально, на 4:5 берётся побольше пространства снизу, на горизонтали свободная половина уходит под заголовок. Если попросить фотографа «отдайте квадрат и горизонталь из одного снимка», получите либо подрезанную голову, либо человека в углу. По принципу мультиформатной съёмки команды на сайте я уже частично говорил в материале про корпоративный портрет команды и организацию съёмки, рекомендую прочесть параллельно.

Стиль портретов: однородность всей команды

Это пункт, где сайт компании либо выглядит цельно, либо превращается в коллаж из случайных фотографий. Принцип простой: все портреты команды должны выглядеть так, будто их сняли в один день одной рукой. Даже если в реальности кого-то досняли через год.

• Один фотограф. У каждого автора свой почерк: угол света, постановка плеч, ретушь. Менять фотографов в середине проекта значит получить визуальную ступеньку в команде.
• Одна студия или одинаковый свет. Если фотограф снимает в студии и на выезде в офисе, схема света должна быть идентичной. Лучше держать одну локацию для всех.
• Один общий дресс-код. Деловая палитра без ярких принтов: классические рубашки, тёмные пиджаки, нейтральные блузы. Если у одного человека ярко-красное платье, а у остальных синяя гамма, сетка команды рассыпается.
• Одинаковый кроп. Лицо у всех должно быть на одной высоте кадра. Это критично для карточек команды, где портреты стоят рядом: разная высота головы читается как «случайный набор фотографий из архива».
• Одинаковая ретушь. Все портреты обрабатывает один человек по единому пресету. Кожа, контраст, оттенок фона держатся в общем диапазоне.
• Один фон или семейство фонов. Белый и светло-серый рядом смотрятся нормально. Белый и кирпичная стена в офисе уже выглядят как разные съёмки.

Если вы заказываете команду частями (сегодня 5 человек, через месяц ещё 5), сразу зафиксируйте у фотографа схему света, точку съёмки и параметры ретуши. Хорошие авторы хранят пресеты съёмок месяцами и могут повторить их с минимальной погрешностью.

Расстояние головы от верха кадра: главный технический критерий

Это та деталь, которую сами заказчики почти никогда не озвучивают, но именно она делает сетку команды профессиональной или любительской. На сайте у вас обычно стоят одинаковые ячейки: 10 квадратиков 300×300 пикселей. Если у одного человека голова крупно и срезана сверху, у второго мелкая и под ней пустое пространство, а у третьего вообще плечо в углу, восприятие распадается, даже если каждый портрет в отдельности хорош.

Эталон, к которому стоит просить фотографа подгонять все кадры команды:

• Голова занимает 60-70% высоты кадра.
• Верх головы отстоит от верха кадра примерно на 10% высоты.
• Глаза на одной высоте от верха у всех сотрудников. Допустимая погрешность 2-3% по высоте, иначе сетка «прыгает».
• Плечи симметрично обрезаны нижним краем кадра, без перекоса.

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

Цвет фона: какой выбрать

Фон портрета влияет на ощущение от сайта сильнее, чем кажется. На корпоративных сайтах в 2026 году чаще всего встречаются пять вариантов, и у каждого есть свои плюсы и минусы.

• Белый чистый (#FFFFFF). Универсально, легко вписать в любой дизайн, легко поменять цвет фона блока. Минус: на голом белом портрет иногда выглядит как «фотобудка», если свет жёсткий и нет лёгкого тонального перехода.
• Светло-серый (#F5F5F5 или близкий). Мягче белого, читается профессионально. Лучше работает с тёмной одеждой и тёмными волосами, контур не пропадает. Самый универсальный выбор.
• Тёмно-серый (#3A3A3A). Выглядит премиально, добавляет драматизма. Требует точного света: если ошибиться с экспозицией, портрет «утонет» в фоне. Подходит для команд топ-менеджмента, плохо смотрится для большой сетки рядовых сотрудников.
• Цветной брендовый фон. Корпоративный синий, фирменный зелёный. Решение рискованное: цвет сайта со временем меняется (редизайн раз в 3-4 года), а портреты остаются. Через два редизайна команда выглядит «с прошлого сайта».
• Размытый офис (боке). Атмосферно, добавляет «человечности». Минус: каждый портрет имеет свой собственный фон, и в сетке десяти карточек это смотрится хаотично. Подходит для одиночных портретов на личных страницах, не для общей команды.

Самый частый выбор корпоративных сайтов 2026 года: светло-серый или белый. Они проходят любую переверстку, не выходят из моды и не конкурируют с дизайном страницы.

Что отдавать дизайнеру: финальная папка

Когда съёмка закончена и ретушь сделана, удобно отдавать дизайнеру одну папку с понятной структурой. Это экономит часы разборок и переписки «а где у тебя горизонталь».

/portrety-na-sayt/
├── 1500x1500/ (квадраты для всех)
├── 1200x1500/ (4:5 портреты для крупных карточек)
├── 1920x1080/ (горизонталь для обложек)
├── webp/ (то же в WebP)
└── README.txt (как использовать)

В README.txt полезно одной строкой написать имя файла - фамилию сотрудника, схему именования (например, ivanov_square.jpg, ivanov_4x5.jpg, ivanov_landscape.jpg) и список форматов. Если фотограф отдаёт ещё PSD-исходники или TIFF с включёнными слоями ретуши, их кладут в отдельную папку /sources/ - они нужны не дизайнеру, а на случай досъёмки нового сотрудника, чтобы повторить тот же стиль.

Часто запрашиваемые форматы для разных CMS

У каждой CMS свои представления о том, как загружаются изображения для команды. Перед съёмкой полезно уточнить у разработчика сайта, что именно ему нужно. Типовые варианты:

• Tilda. Квадрат 1080×1080 для блока «команда» плюс горизонталь 1920×1080 для обложек страниц. Если хотите Retina-качество, грузите квадраты 2160×2160.
• Bitrix. Квадрат 1000×1000 в большинстве шаблонов, плюс дополнительный набор под кастомные блоки. Bitrix умеет сам генерировать миниатюры, но качество ресайза лучше делать на стороне фотографа.
• WordPress (Elementor, Bricks, нативный блок «команда»). Минимум 600×600 для базовой темы, но для Retina лучше 1500×1500. Большинство шаблонов берёт квадрат как основной формат.
• Кастомный сайт на React или Vue. Здесь нет универсального ответа, договаривайтесь заранее с разработчиком: какие точные размеры под точки sm/md/lg, нужен ли picture-тег с WebP и AVIF, как именуются файлы.

Если в команде уже есть дизайнер или верстальщик, попросите фотографа созвониться с ним на 10 минут до съёмки. Это снимает 80% последующих вопросов.

Если фотограф снял «не для сайта»: что можно спасти

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

• Перекадрировать в нужный формат. Если исходник снят на 50+ мегапикселей и человек крупно в кадре, можно вырезать квадрат, 4:5 и горизонталь. Потеря в разрешении, иногда вместо 1500×1500 выйдет 1100×1100, что для Retina уже впритык.
• Заменить фон в Photoshop. Технически возможно: маска, замена на серый, тень. На крупных портретах с длинными волосами замена видна по краям, особенно на тёмном фоне. Для премиальных сайтов решение не подходит.
• Перерисовать края при дефиците кадра. Когда голова или плечо обрезаны, а нужна горизонталь, в нейросетевых редакторах можно нарисовать недостающее. Тоже видно при близком просмотре, и часто читается как «генеративная подделка».

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

Замена сотрудника в команде: что делать со старыми портретами

Команда меняется: кто-то уходит, кого-то нанимают. Через год после съёмки в карточку команды нужно вставить нового человека, и здесь начинается стилистическое перетягивание каната.

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

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

Чек-лист брифа фотографу для съёмки команды на сайт

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

• Сколько человек снимаем, контакты ассистента или HR, который собирает сотрудников.
• Локация: ваш офис, арендованная под задачу студия, выезд в коворкинг.
• Дата съёмки и резервная дата на случай форс-мажора (кто-то заболел, переговоры внезапно).
• Дресс-код для сотрудников: верх рубашка или блуза, цветовая палитра, что точно не надевать.
• Цвет фона: вы уже определились или хотите рекомендацию от фотографа.
• Формат отдачи: квадрат, 4:5, 16:9 на каждого. Нужен ли WebP и AVIF.
• Сроки: сколько готовы ждать ретушь после съёмки. Стандарт - 7-10 рабочих дней, экспресс за 2-3 дня обычно дороже.
• Бюджет: хотя бы грубая вилка. Это экономит время обеим сторонам.
• Передача файлов: облако (Яндекс.Диск, Google Drive), USB-носитель, ссылка на FTP. Электронной почтой большие архивы не передают.

Если в компании одновременно делают редизайн сайта, имеет смысл показать фотографу макет страницы «команда» и страницы «о компании». Тогда автор сразу понимает, в каких блоках будут портреты, и снимает с прицелом под конкретный дизайн.

Как мы снимаем команду на сайт

Расскажу, как устроен процесс с нашей стороны. Бренд - «Алекс Майский», работаю по Москве и ближнему Подмосковью.

Снимаем у вас в офисе, если есть подходящее помещение со свободной стеной 3-4 метра шириной, либо в арендованной под задачу студии. Студия выбирается под количество людей: для команды из 5-8 человек хватает небольшого зала с циклорамой, для команды 15+ нужно помещение с местом для гримёрной зоны и удобной зоной ожидания.

Привожу складной фон 2,4×2,9 м (белый и светло-серый), три постоянных LED-источника света на стойках с октабоксами и софтбоксами, штатив, камеру с двумя объективами (50 мм и 85 мм для портретной перспективы), ноутбук с подключением для тетеринга. Каждый кадр сразу виден на 15-дюймовом экране, и можно проверить, что лицо в фокусе, плечи ровные, голова на нужной высоте.

Под каждого сотрудника снимается серия из 15-20 кадров: разные повороты головы, разная мимика, варианты с улыбкой и без. После съёмки клиент выбирает по 1 кадру для каждого из трёх форматов, либо доверяет выбор нам с проверкой на финальной презентации. Ретушь техническая: выровнять кожу без сглаживания в пластик, убрать случайные блики, привести цвет фона к эталонному значению, выгрузить в sRGB.

На команду из 10 человек съёмка занимает около половины дня плюс 7-10 рабочих дней на ретушь. Все три формата (квадрат, 4:5, горизонталь) на каждого человека плюс версия в WebP отдаются единой папкой с README. Если через полгода нужно досъять нового сотрудника, возвращаюсь в ту же локацию с теми же настройками света.

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

Часто задаваемые вопросы

См. также по теме

• Студии Москвы для бизнес-портрета 2026: Photoplay vs FotoStudia Lab vs Hot Studio, сравнение от практиков
• Кейс: бизнес-портрет команды 30 человек за 1 день в офисе 2025