Почему качественные фото — это не «красивость», а деньги
Давайте начнём с цифр, которые наблюдаются на реальных проектах. Когда на одном интернет-магазине стоковые фото товаров заменили на собственные предметные снимки, конверсия в заказ выросла на 23% за первый месяц. Без каких-либо других изменений — ни цены не трогали, ни тексты.
И это логично. Человек покупает глазами. Если он не может рассмотреть товар, потрогать его взглядом, покрутить — он уходит туда, где может. Особенно это критично для интернет-магазинов одежды, мебели, ювелирных изделий, электроники. Но и для сайтов услуг фотографии играют роль доверия: реальные фото офиса, команды, процесса работы — всё это снимает тревогу у потенциального клиента.
Поисковики тоже не дремлют. Яндекс и Google давно умеют оценивать качество визуального контента. Уникальные изображения с правильно заполненными alt-атрибутами приводят дополнительный трафик из поиска по картинкам — и этот трафик бывает очень целевым.
Где взять фотографии для сайта: пять рабочих вариантов
Собственная съёмка — лучший вариант, если позволяет бюджет
Ничто не заменит оригинальных фотографий. Для интернет-магазина это обязательный минимум: товары нужно снимать самому или нанимать фотографа. Для сайта услуг — как минимум реальные фото команды, офиса, примеров работ.
Сегодня не обязательно арендовать дорогую студию. Для базовой предметной съёмки достаточно лайтбокса (от 2 000 рублей), смартфона с хорошей камерой и естественного света из окна. Если товаров много и нужен стабильный результат — тогда уже стоит обратиться в фотостудию, где предметная съёмка на белом фоне стоит от 150–350 рублей за кадр с обработкой.
Совет: даже если вы начинаете снимать на телефон, сразу приучите себя к нескольким правилам — протирайте объектив, используйте штатив (хотя бы настольный), снимайте при дневном свете, не используйте цифровой зум. Эти простые вещи дают 80% результата.
Бесплатные фотостоки — палочка-выручалочка, но с оговорками
Если оригинальные фото пока не вариант, есть фотостоки с лицензией CC0, где можно скачать изображения бесплатно и использовать в коммерческих целях. Вот площадки, которые работают из России без VPN в марте 2026 года:
Unsplash — самый большой бесплатный фотосток, больше 2 миллионов фотографий. Качество снимков высокое, есть поиск на русском. Отлично подходит для фоновых изображений, иллюстраций к статьям, разделов «О компании».
Pexels — похож на Unsplash, но чуть лучше подборка бизнес-тематики. Есть и видео, что удобно.
Pixabay — кроме фото, здесь много векторных иллюстраций и иконок. Поиск тоже поддерживает русский язык.
Lori (lori.ru) — российский фотосток, работает с 2006 года. Ориентирован на российского пользователя, есть и платные, и бесплатные изображения. Если нужны фото с российским контекстом — люди, города, еда — это хороший выбор.
Foodiesfeed — узкоспециализированный сток для фотографий еды. Если у вас ресторан, кафе, доставка — обязательно загляните.
Важный момент: стоковые фото хороши для иллюстраций, но не для карточек товаров. Если вы продаёте конкретный продукт — покупатель должен видеть именно его, а не «похожий предмет из фотобанка». Кроме того, популярные стоковые снимки часто встречаются на сотнях сайтов одновременно, что плохо сказывается на восприятии бренда.
Нейросети для генерации изображений
В 2026 году было бы странно не упомянуть нейросети. Midjourney, Stable Diffusion, Kandinsky от Яндекса — все они умеют генерировать реалистичные изображения по текстовому описанию.
Генерация хорошо подходит для двух случаев: создание фоновых текстур и абстрактных иллюстраций, и быстрое прототипирование — когда нужно показать клиенту концепцию, а реальных фото ещё нет.
Но есть нюанс. Для товарных карточек нейросети не подходят — покупатель должен видеть реальный продукт. И ещё: некоторые фотостоки начали маркировать AI-контент, а поисковики учатся его распознавать. Используйте нейрогенерацию как инструмент, а не как замену реальной фотографии.
Платные фотобанки — когда нужно что-то конкретное
Иногда бесплатного стока не хватает. Нужна фотография конкретной ситуации, определённого ракурса, с нужными эмоциями. Тогда на помощь приходят платные сервисы. Shutterstock, iStock, Adobe Stock — глобальные лидеры. Подписка стоит от 3 000–5 000 рублей в месяц за определённое количество загрузок.
Из российских альтернатив — тот же Lori предлагает покупку отдельных фото, что удобно, если вам нужно не 50 картинок в месяц, а 2–3 конкретных кадра.
Фото от производителя и поставщика
Если у вас интернет-магазин, не забывайте про самый очевидный источник — ваших поставщиков. Многие производители предоставляют пресс-киты с профессиональными фотографиями продукции. Спросите менеджера — часто достаточно просто попросить.
Минус такого подхода — те же самые фото будут у всех ваших конкурентов, которые продают тот же товар. Поэтому в идеале используйте их как базу и дополняйте собственной съёмкой.
Предметная съёмка для интернет-магазина: практические наблюдения из e-commerce
Белый фон — стандарт, но не единственный вариант
Классическая предметная съёмка на белом фоне — это must have для карточки товара. Чистый, аккуратный вид, ничего не отвлекает от продукта. Все маркетплейсы (Wildberries, Ozon, Яндекс Маркет) требуют главное фото именно на белом фоне.
Но для своего интернет-магазина всегда стоит делать и лайфстайл-фото — товар в реальной обстановке, в руках, в интерьере. Это помогает покупателю представить вещь в своей жизни. Кресло на белом фоне — это просто кресло. Кресло у камина с пледом — это уютный вечер, который хочется себе устроить.
Сколько фото нужно на один товар
По опыту, оптимальный минимум — 4–6 фотографий на товар:
Главное фото на белом фоне (фронтальный вид), фото с другого ракурса (сбоку, сзади), крупный план деталей (фактура, швы, кнопки, бирки), фото товара в контексте использования, фото упаковки (снижает тревогу при онлайн-покупке) и фото с размерными ориентирами (товар рядом с рукой, линейкой, другим предметом).
Для сложных и дорогих товаров (техника, мебель) — чем больше фото, тем лучше. Съёмка 360° сейчас стоит от 1 400 рублей за набор из 36 кадров и заметно повышает доверие к карточке.
Домашняя мини-студия: минимальный набор
Если вы решили снимать сами, вот что понадобится для старта: лайтбокс или фотофон (белая бумага, натянутая дугой, тоже подойдёт), два источника света (даже настольные лампы с белыми LED-лампочками дадут нормальный результат), штатив для смартфона или камеры и любой телефон с камерой от 12 мегапикселей. Весь набор обойдётся в 5 000–10 000 рублей. Для малого бизнеса, который только стартует, этого хватит.
Оптимизация изображений: как не потерять посетителей из-за медленной загрузки
Оптимизация картинок — одна из самых недооценённых вещей в веб-разработке.
Почему это критически важно
Изображения — главные «тяжеловесы» на любом сайте. Они могут занимать 60% и больше от общего веса страницы. Если страница грузится дольше 3 секунд на мобильном, треть посетителей просто закрывает вкладку. А метрики Core Web Vitals (LCP, CLS, INP), которые учитываются при ранжировании и в Яндексе, и в Google, напрямую зависят от того, как вы обращаетесь с картинками.
В 2026 году требования к скорости стали ещё жёстче: идеал для мобильных — LCP ниже 2 секунд. Если ваш интернет-магазин набирает 34 балла в PageSpeed Insights — это не просто «красненький индикатор», это реальные потери в продажах.
Форматы изображений: что использовать в 2026 году
Забудьте про загрузку обычных JPEG и PNG без конвертации. Современный стандарт — связка AVIF → WebP → JPEG в теге `<picture>`:
<picture>
<source srcset="photo.avif" type="image/avif">
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="Описание товара" width="800" height="600">
</picture>Браузер сам выберет лучший формат, который поддерживает. AVIF весит примерно на 50% меньше, чем WebP, при сопоставимом качестве. WebP поддерживается уже более чем 95% браузеров. А JPEG остаётся как подстраховка для совсем старых устройств.
Ленивая загрузка — обязательно
Все изображения, которые находятся ниже первого экрана, должны загружаться лениво. В 2026 году это делается одним атрибутом:
<img src="photo.webp" loading="lazy" alt="Описание">А вот главное изображение на первом экране (hero-баннер, основное фото товара) наоборот — загружайте приоритетно:
<img src="hero.webp" fetchpriority="high" alt="Описание">Это напрямую влияет на метрику LCP.
Обязательно указывайте width и height
Простейшая вещь, про которую забывают даже опытные разработчики. Если у `<img>` не указаны размеры, браузер не знает, сколько места зарезервировать, и контент «прыгает» при загрузке. Это та самая метрика CLS (Cumulative Layout Shift), которая портит и пользовательский опыт, и позиции в поиске.
Инструменты для оптимизации
Если у вас несколько десятков фото — вручную конвертировать можно через Squoosh (squoosh.app) от Google. Это бесплатный онлайн-инструмент, где можно сравнить разные форматы и уровни сжатия прямо в браузере.
Для массовой обработки подходят консольные утилиты: cwebp для конвертации в WebP, avifenc для AVIF, jpegoptim и optipng для оптимизации оригиналов. Если проект на Next.js — там встроенный компонент `Image` автоматически конвертирует и подбирает размеры, что очень удобно.
Для сайтов на WordPress есть плагины вроде «Converter for Media», которые автоматически конвертируют все загруженные картинки в WebP и AVIF. Для 1С-Битрикс — модуль dev2fun.imagecompress делает то же самое.
Адаптивные изображения — не грузите десктопный баннер на мобильный
Отдавать на мобильный телефон картинку шириной 2000 пикселей — всё равно что заставлять человека тащить двухпудовую гирю по лестнице, когда ему нужно перенести яблоко. Используйте атрибут `srcset`, чтобы браузер загружал картинку подходящего размера:
<img
src="photo-800.webp"
srcset="photo-400.webp 400w, photo-800.webp 800w, photo-1200.webp 1200w"
sizes="(max-width: 768px) 100vw, 50vw"
alt="Описание товара"
>Фотографии для бизнес-сайта: что снимать и как это влияет на доверие
Если ваш сайт — это не интернет-магазин, а сайт компании или специалиста, визуальный контент выполняет другую роль. Он строит доверие. И здесь есть конкретный набор фотографий, которые стоит сделать.
Фото команды
Не стоковые «улыбающиеся люди в офисе», а реальные портреты ваших сотрудников. Это один из самых сильных элементов доверия. Посетитель видит живых людей и понимает: за этим сайтом стоят реальные специалисты.
Совет из практики: лучше всего работают естественные портреты в рабочей обстановке, а не постановочные студийные. Человек за компьютером, за станком, на встрече с клиентом — это вызывает больше доверия, чем вылизанные фото на однотонном фоне.
Фото офиса, производства, процессов
Покажите, где вы работаете. Если у вас производство — снимите цех. Если оказываете услуги — покажите процесс. Стоматологическая клиника с фотографиями реального кабинета вызывает больше доверия, чем клиника с рендерами интерьера.
Портфолио и кейсы
Для любого бизнеса, связанного с результатом (ремонт, строительство, дизайн, разработка) — фото до/после, скриншоты проектов, документация работ. Это ваш главный продающий инструмент.
Фото для раздела «О компании»
Офис, награды, сертификаты, мероприятия. Не нужно много — 5–8 качественных фотографий создают ощущение живой, настоящей компании. А пустой раздел «О нас» с текстом без единого фото — это упущенная возможность.
Видео на бизнес-сайте: когда это оправдано и как внедрять правильно
Видеоконтент — это уже не тренд, а норма. В 2026 году видео на сайте работает сильнее, чем когда-либо. Люди привыкли к короткому формату (спасибо TikTok и Reels), и теперь ожидают видео везде.
Какое видео работает для бизнеса
Видеообзоры товаров. Для интернет-магазинов это мощнейший инструмент. По данным из реальных проектов, карточки товаров с видео дают конверсию в полтора-два раза выше, чем без него. Видео позволяет показать товар в движении, продемонстрировать масштаб, функции, качество.
При этом не обязательно нанимать видеопродакшн за 50 000 рублей за ролик. Формат «распаковка» или короткий обзор на 30–60 секунд, снятый на смартфон с хорошим светом, стоит от 3 000–5 000 рублей и уже даёт результат.
Видеоотзывы клиентов. Живой отзыв на камеру — в десятки раз убедительнее текстового. Даже если запись любительская, с не очень ровным светом — это работает, потому что выглядит честно.
Имиджевое видео компании. Короткий ролик на 1–2 минуты на главной странице, показывающий суть бизнеса. Не рекламный клип за миллион, а простое видео: кто вы, что делаете, почему клиенту стоит выбрать вас.
Видеоинструкции. Если ваш продукт требует пояснений — снимите видео. Это разгрузит службу поддержки и добавит ценности странице товара.
Как правильно встраивать видео на сайт
Самая частая ошибка — загружать видеофайл прямо на сервер сайта и вставлять через тег `<video>`. Файл на 50 мегабайт убьёт скорость загрузки страницы.
Правильный подход: загрузите видео на YouTube или VK Видео и встраивайте через `<iframe>`. Но и тут есть подвох — iframe с YouTube начинает грузить скрипты сразу, что тормозит страницу.
Оптимальное решение — фасадная загрузка (facade pattern): показываете превью-картинку видео, а сам плеер подгружаете только когда пользователь нажимает кнопку воспроизведения. Библиотека `lite-youtube-embed` делает это автоматически и экономит сотни килобайт на начальной загрузке.
Автовоспроизведение — осторожно
Видео-фон на главной странице смотрится эффектно, но: — Оно должно быть без звука (muted) — Формат — MP4 с кодеком H.264, а лучше — WebM — Вес — не больше 3–5 мегабайт — На мобильных лучше заменить его на статичную картинку
Часто заказчики хотят «видеофон как у Apple». Но сайт Apple грузится с CDN, распределённого по всему миру, а типичный сайт — с одного сервера в Москве. Поэтому подходите к видеофону трезво: если он замедляет загрузку ниже допустимых метрик — лучше поставьте красивое статичное изображение.
SEO-оптимизация изображений: что нужно знать
Alt-текст — пишите его всегда
Атрибут `alt` — это текстовое описание изображения. Он нужен и для SEO, и для доступности (скринридеры читают его вслух для слабовидящих). Хороший alt-текст описывает, что изображено на фото, и содержит ключевое слово, если оно уместно.
Плохо: `alt="фото"` или `alt="IMG_2847.jpg"`
Хорошо: `alt="Кожаный рюкзак ручной работы, вид спереди, коричневый"`
Имена файлов
Поисковики читают имена файлов. `ryukzak-kozhanyj-ruchnoj-raboty.jpg` — лучше, чем `DSC_0042.jpg`. Используйте транслитерацию или английские слова, разделённые дефисами.
Размещайте изображения рядом с релевантным текстом
Если на странице есть описание товара — фото должно быть рядом с этим описанием. Поисковики учитывают контекст: текст вокруг изображения помогает понять, что на нём.
Карта сайта для изображений
Если у вас много уникальных фото (интернет-магазин, портфолио), создайте Image Sitemap — отдельную XML-карту для изображений. Это ускорит их индексацию в Яндексе и Google.
Чек-лист по визуальному контенту для нового сайта
Когда начинается работа над новым сайтом, заказчику стоит подготовить следующее по фото и видео:
Логотип в SVG-формате (вектор масштабируется без потери качества на любой экран). Фото команды или основателя — живые, в рабочей обстановке. Фото офиса или производства — 5–8 штук. Фото товаров — минимум 4 ракурса на товар, на белом фоне + в контексте. Фоновые изображения для hero-секций — высокое разрешение, горизонтальная ориентация. Видео (если есть) — обзоры товаров или имиджевый ролик о компании. Фавикон и иконки для соцсетей — в формате PNG или SVG.
Когда всё это собрано до начала разработки — процесс идёт в два раза быстрее, а результат получается гораздо убедительнее.
Несколько слов о юридической стороне
Не скачивайте фото из Яндекс или Google Картинок просто потому, что они там лежат. У каждого изображения есть автор, и он может предъявить претензии. Штрафы за нарушение авторских прав в России доходят до нескольких миллионов рублей.
Безопасные варианты: собственные фото, стоки с лицензией CC0 (Unsplash, Pexels, Pixabay), платные стоки с купленной лицензией, фото от производителя с разрешением на использование, генерации нейросетей (но проверяйте условия конкретного сервиса).
Если используете фото с бесплатного стока — на всякий случай сохраните себе лицензионное соглашение или скриншот условий использования. Это ваша страховка на случай претензий.
Визуальный контент — это фундамент, на котором строится впечатление от сайта. Можно вложить сотни тысяч в разработку и рекламу, но если посетитель видит размытые картинки или, наоборот, ждёт 8 секунд загрузки — всё это впустую. Подойдите к фото и видео для сайта как к инвестиции: потратьте время на съёмку, потратьте время на оптимизацию — и результат не заставит себя ждать.