STUDIO 1
дизайн

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

Э
Эдуард Игнатьев · Основатель STUDIO 1
·8 мин чтения

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

Поделиться:
01

Почему стоковые фотографии работают против вас

Проблема стока не в качестве. Снимки там технически отличные. Проблема в том, что их узнают.

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

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

Третий момент чисто практический: те же снимки стоят у ваших конкурентов. Совпадение обнаруживается регулярно и выглядит неловко.

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

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

02

Что снимать самому

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

  • Результат вашей работы. Это самый ценный тип снимков, и снять их можно прямо в процессе.
  • Процесс. Как вы работаете: руки мастера, инструмент, этапы. Это то, что отличает вас от абстрактного описания услуги.
  • Люди. Реальные сотрудники, портреты для страницы о компании, без пиджаков напрокат.
  • Помещение. Цех, офис, салон, вход снаружи, чтобы клиент узнал место, когда приедет.
  • До и после. В ремонте, уборке, стрижке, стоматологии, ландшафте это самый убедительный формат из всех существующих.
  • Товары на нейтральном фоне, если вы что-то продаёте.

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

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

03

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

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

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

Фон. Уберите из кадра всё лишнее: провода, коробки, чужие вещи, случайные надписи. Беспорядок на фоне читается как беспорядок в работе.

Устойчивость. Обопритесь на что-нибудь или используйте штатив за десять евро. Смазанный кадр не спасает никакая обработка.

Ракурс. Снимайте с уровня объекта, а не сверху вниз. Портреты снимайте с уровня глаз, товары немного сверху и сбоку.

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

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

04

Когда стоит позвать фотографа

Съёмка на телефон закрывает процесс, портфолио и повседневный контент. Есть несколько случаев, где профессионал окупается быстро.

Портреты команды. Это лицо компании, они висят годами и разница между хорошим портретом и снимком в коридоре видна сразу.

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

Главная страница. Один-два сильных кадра для первого экрана определяют впечатление от всего сайта.

Помещение, если оно само по себе аргумент: салон, ресторан, отель, шоурум. Здесь важна широкоугольная техника и умение работать со смешанным светом.

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

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

05

Подготовка файлов: то, о чём забывают

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

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

Формат. WebP примерно на треть легче JPEG при том же качестве и поддерживается везде. Современные системы вроде Next.js конвертируют автоматически, WordPress требует плагина.

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

Имя файла. Не IMG_4821.jpg, а понятное описание латиницей. Это влияет и на поиск по картинкам, и на вашу собственную способность найти нужный файл через год.

Альтернативный текст. Короткое описание того, что на снимке, для незрячих пользователей и для поиска. Не перечисление ключевых слов, а нормальное человеческое предложение.

И метаданные. Снимок с телефона содержит координаты места съёмки. Для фотографии из офиса это неважно, для снимка из дома владельца лучше их удалить.

06

Юридическая сторона

Чужая фотография из поиска Google это не бесплатная фотография. Претензии от правообладателей и агентств по лицензированию приходят и в Эстонии, и суммы там неприятные.

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

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

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

Для клиентов, особенно в медицине, косметологии и работе с детьми, письменное согласие обязательно, и в нём должно быть указано, где именно снимок будет использоваться.

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

FAQ

Можно ли использовать бесплатные стоковые фотографии на сайте?+

Юридически чаще всего можно, если это банк вроде Unsplash или Pexels и вы проверили условия конкретного снимка, потому что часть изображений там запрещена к использованию в рекламе или требует указания автора, а снимки с узнаваемыми людьми и брендами имеют дополнительные ограничения. Но у этого решения есть цена, которая не измеряется деньгами: те же кадры стоят на сотнях сайтов, посетители их узнают, и вместо доверия страница вызывает ощущение, что показать нечего. Разумный компромисс выглядит так: сток допустим для абстрактных фонов и иллюстраций к статьям блога, а всё, что должно показывать вас, ваших людей, ваше помещение и результат вашей работы, должно быть снято вами, пусть даже на телефон.

Какого размера должны быть фотографии на сайте?+

Для большинства мест на странице достаточно ширины в полторы-две тысячи пикселей, а для крупного изображения на всю ширину экрана до двух с половиной тысяч, потому что всё, что больше, браузер всё равно уменьшает и вы платите за это временем загрузки. По весу ориентируйтесь на двести килобайт для обычной фотографии и до четырёхсот для большого изображения первого экрана, и если файл прямо с телефона весит пять мегабайт, его нужно сжать перед загрузкой, а не после. Формат WebP предпочтительнее JPEG примерно на треть по весу при том же визуальном качестве, и современные системы конвертируют его автоматически, тогда как в WordPress для этого обычно ставят отдельный плагин оптимизации изображений.

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

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

Поделиться:

Читайте также

Обсудим ваш проект

Отправьте короткое описание задачи, мы вернёмся в течение одного рабочего дня с бесплатным расчётом.