Статья
Фото для сайта: где взять и как снимать
Фотографии решают, поверят ли сайту: живые снимки команды, работ и места продают лучше любого текста, а знакомые всем стоковые улыбки — наоборот. Разбираем, где брать фото для сайта, что можно использовать по закону, как подготовить их, чтобы сайт не тормозил, и что снять, если фотографа ещё нет.
Свои фото — лучше любых
Своя съёмка — самый сильный вариант: клиент видит то, что получит на самом деле. Что снять в первую очередь:
- людей — руководителя, мастеров, врачей, команду за работой;
- место — офис, зал, производство, витрину, вход с улицы;
- результат — готовые работы, товар в деталях, «до и после», если это уместно в вашей нише;
- процесс — как вы работаете: это вызывает доверие сильнее парадных портретов.
Фотобанки
- Бесплатные — Unsplash, Pexels и подобные. Их лицензии разрешают использовать фото на коммерческом сайте, но проверьте условия конкретного снимка, особенно если на нём люди или узнаваемые бренды.
- Платные — российские фотобанки вроде Лори и зарубежные, которые работают с Россией. Выбор шире, и лицензия прописана чётче.
Главный минус стока — те же фото стоят у ваших конкурентов. Если без него не обойтись, выбирайте детали и фактуры — руки, материалы, инструменты, — а не постановочные улыбки и рукопожатия в офисе.
Нейросети
Сгенерированные картинки хороши для фонов, абстракций и иллюстраций. Но выдавать сгенерированное за настоящее — команду, интерьер, работы — нельзя: это обман клиента, который вскроется при первой встрече. Перед использованием проверьте условия сервиса: не все разрешают коммерческое использование.
Что нельзя
- Фото из поиска и с чужих сайтов. Картинка в интернете не значит бесплатная: права принадлежат автору. За незаконное использование суд может взыскать компенсацию от 10 тысяч до 5 миллионов рублей за каждый случай (статья 1301 Гражданского кодекса).
- Фото людей без согласия. Если человек на снимке главный, публиковать фото можно только с его согласия (статья 152.1) — это касается и сотрудников, и клиентов.
Как снимать
- Составьте список кадров до съёмки: какие разделы сайта и что в каждом нужно показать.
- Естественный свет. Днём у окна телефон снимает лучше, чем вечером под потолочной лампой.
- Единый стиль. Одинаковая цветовая гамма и обработка — сайт выглядит цельным, а не собранным из разных мест.
- С запасом по краям. На широком экране и на телефоне один и тот же кадр обрезается по-разному, а на некоторые снимки ляжет текст.
- Горизонтальные и вертикальные. Горизонтальные — для компьютера, вертикальные — для телефона и историй в соцсетях.
Профессиональный фотограф окупается, если сайт делается надолго: одна съёмка на пару часов закрывает потребность в фото на годы.
Формат и размер
| Что | Формат |
|---|---|
| Фотографии | WebP или AVIF — в разы легче JPEG при том же качестве |
| Графика с прозрачным фоном | PNG или WebP |
| Логотипы и иконки | SVG — чёткие на любом экране |
Для фото во всю ширину экрана хватает 1920–2560 пикселей по длинной стороне, для телефона нужны версии поменьше. Хороший ориентир — не больше 200–300 килобайт на фото после сжатия. И у каждой картинки должно быть описание (атрибут alt): его читают поисковики и программы для незрячих. Почему вес картинок так важен, разобрано в статье «Скорость загрузки сайта».
Когда фото не нужны
Иногда вместо фотосессии лучше другая подача. Для концепт-магазина напитков Soda мы сделали 3D-модель банки прямо в браузере: она поворачивается за курсором и перекрашивается при смене вкуса. Это проект-концепт студии, но приём рабочий — товар показан живее, чем на снимке, и без фотосессии.
Как это делаем мы
Фото для сайта — обычно ваши материалы, и дизайн мы строим вокруг них. Там, где снимки не передают продукт, предлагаем анимацию или 3D — если они работают на задачу.