Фото для сайта: где брать, как снимать и как не убить скорость
28 августа 2026 г. · 3 мин чтения
Коротко: свои фотографии почти всегда работают лучше стоковых, снять их можно на телефон при дневном свете. Главная техническая ошибка — заливать снимки как есть: одна фотография с камеры весит больше, чем вся остальная страница.
Фотографии на сайте решают две задачи сразу: доказывают, что бизнес настоящий, и удерживают внимание. Стоковая улыбающаяся команда в опенспейсе не делает ни того, ни другого — её видели все, и она сообщает ровно одно: настоящих фотографий у компании нет.
Откуда брать изображения
| Источник | Когда подходит | Риски |
|---|---|---|
| Свои съёмки | Работы, товар, помещение, команда, процесс | Нужно время; зато уникально и без правовых вопросов |
| Бесплатные банки (Unsplash, Pexels) | Фоны, абстракции, атмосферные кадры | Лицензии разные — проверяйте условия конкретного снимка |
| Платные стоки | Когда нужен конкретный сюжет и нет возможности снять | Платно; те же кадры могут стоять у конкурентов |
| ИИ-генерация | Иллюстрации, фоны, карточки товара по образцу | Не подходит для «фото наших работ» — это будет обман |
| Фото из интернета «просто нашёл» | Никогда | Нарушение авторских прав; претензия и штраф — реальный сценарий |
Как снять самому и не испортить
Правила, которых достаточно для телефона
- Снимайте днём у окна, но не против света — иначе объект уйдёт в тень
- Уберите из кадра лишнее: провода, коробки, чужие логотипы, беспорядок
- Один кадр — один смысл: товар, процесс, результат, человек за работой
- Держите горизонт ровно и не приближайте зумом — лучше подойдите
- Снимайте больше кадров, чем нужно: выбирать проще, чем переснимать
- Для карточек товара — однородный фон и одинаковый ракурс у всей серии
Что действительно стоит снять для сайта услуг: результаты работ «до и после», процесс, помещение или производство, людей, которые будут общаться с клиентом. Этого набора хватает, чтобы сайт перестал выглядеть шаблонным.
Форматы, размеры и вес
Здесь теряется скорость, а вместе с ней — часть посетителей с мобильного интернета. Ориентиры простые.
| Что | Как правильно |
|---|---|
| Формат | WebP или AVIF для фото; SVG для логотипов и иконок; PNG — только там, где нужна прозрачность |
| Ширина | Крупный баннер — до 1920 px, карточка — 600–900 px, миниатюра — 300–400 px |
| Вес | Фон первого экрана — до 200–300 КБ, обычная картинка — до 100 КБ |
| Отдача | Разные размеры под разные экраны (srcset) — телефон не должен качать десктопную версию |
| Загрузка | Ниже первого экрана — lazy loading; главное изображение экрана — приоритетно |
Alt-текст: не для галочки
Каждой картинке нужен альтернативный текст: он читается скринридером и попадает в поиск по картинкам. Пишите то, что на снимке, простыми словами: «монтаж натяжного потолка в квартире», а не «фото1» и не «купить натяжные потолки недорого Москва» — переспам поиск видит.
Частые ошибки
- Стоковые улыбки вместо своих работ — главный признак шаблонного сайта.
- Фотографии с камеры как есть: 5 МБ на снимок и медленная страница.
- Разные ракурсы и фоны в одной серии карточек — каталог выглядит собранным наспех.
- Скриншоты вместо фотографий товара.
- Водяные знаки чужих стоков — верный признак, что картинку взяли нелегально.
- Текст, вшитый в картинку: он не индексируется и плывёт на телефоне.
Нужны изображения под карточки, рекламу или сайт — снимем задачу с вас: ИИ-генерация в едином стиле любым объёмом или сборка сайта с готовой оптимизацией картинок.
Обсудить задачуЧастые вопросы
Где взять бесплатные фото для сайта?
В банках вроде Unsplash и Pexels — но проверяйте лицензию конкретного снимка и помните, что те же кадры стоят у сотен других сайтов. Для страниц о компании и работах бесплатные банки не подходят: нужны свои фотографии.
Можно ли брать фото из поиска?
Нет. Изображение принадлежит автору, и его использование без разрешения — нарушение с реальными претензиями и штрафами. Берите свои съёмки, банки с понятной лицензией или генерацию.
В каком формате грузить картинки?
WebP или AVIF для фотографий, SVG для логотипов и иконок. Ширина под место на странице: баннер до 1920 px, карточка 600–900 px. Вес обычной картинки — до 100 КБ.
Подойдут ли изображения, сгенерированные нейросетью?
Для иллюстраций, фонов и карточек — да, это рабочий вариант, особенно когда нужен единый стиль и большой объём. Выдавать их за фотографии реальных работ или сотрудников нельзя: это вводит клиента в заблуждение.
Посмотрите свой сайт до того, как за него платить
Сделаем демо главной страницы за 6 часов и бесплатно. Не понравится — расходимся, вы ничего не должны.
Получить бесплатное демо