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

Как снять товары и работы на телефон, подготовить фото и не замедлить сайт.

3 мин чтения

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

Сколько весит одно фотоС камеры телефона4000 px · 6 МББаннер на всю ширину2000 px · до 400 КБФото в тексте1200 px · до 200 КБГалерея, товар1500 px · до 250 КБСтраница с 10 фото с камеры: около 60 МБ. После уменьшения: около 3 МБ.
Фото с камеры весит в десятки раз больше, чем нужно сайту

Что фотографировать

  • Себя и команду. Людям важно видеть, к кому они идут. Простой портрет у окна работает лучше постановочного.
  • Помещение и вход. Особенно вход с улицы: так клиенту проще вас найти.
  • Работы и товары. Для мастеров и производителей это главное. Фото «до и после» убеждают лучше любых слов.
  • Процесс. Мастер за работой, упаковка заказа, кухня кафе. Это вызывает доверие.
  • Документы. Сертификаты и дипломы, если они важны в вашей сфере.

Как снимать на телефон

  1. Протрите объектив. Звучит смешно, но мутные фото чаще всего из-за отпечатка пальца на стекле.
  2. Снимайте при дневном свете. Лучше у большого окна, без прямого солнца. Вспышку не используйте.
  3. Уберите лишнее из кадра: провода, пакеты, чашки, личные вещи.
  4. Держите телефон ровно. Включите сетку в настройках камеры, чтобы не заваливать горизонт.
  5. Для товаров используйте однотонный фон: лист ватмана, ткань, стол без рисунка. Снимайте каждый товар с двух-трёх сторон.
  6. Сделайте несколько дублей и выберите лучший.
  7. Горизонтальные фото лучше подходят для больших баннеров на сайте, квадратные и вертикальные для карточек товаров и галереи.

Где взять фото, если своих нет

Для общих картинок (фон, абстрактные изображения, иллюстрации к статьям) подойдут бесплатные фотобанки с открытой лицензией, например Unsplash и Pexels. Перед использованием проверьте условия лицензии на сайте фотобанка.

Но помните: фото ваших работ, помещения и команды фотобанк не заменит. Используйте стоковые снимки как дополнение, а не как основу.

Чего нельзя делать

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

Как подготовить фото к загрузке

Фото со смартфона весят 3-8 МБ и имеют размер 4000 пикселей и больше. Для сайта это слишком много: страница с десятком таких снимков будет открываться на мобильном интернете очень долго, и часть посетителей уйдёт, не дождавшись.

ЧтоРекомендуемая ширинаВес файла
Большой баннер на всю ширину1600-2000 пикселейдо 400 КБ
Фото в тексте1000-1200 пикселейдо 200 КБ
Товар, работа в галерее1000-1500 пикселейдо 250 КБ
Логотиппо размеру показа, лучше SVG или PNGдо 50 КБ

Уменьшить фото можно бесплатно: во встроенном редакторе фото на телефоне или компьютере, или в онлайн-сервисах сжатия изображений. Формат JPEG подходит для фотографий, PNG для логотипов и картинок с прозрачным фоном, WebP даёт меньший вес при том же качестве.

Подписи и описания

Давайте фото понятные подписи: «Кухня из массива дуба, 3,2 метра, срок 4 недели». Это полезно и посетителю, и поисковику. Если при загрузке можно указать описание (альтернативный текст), напишите в нём, что изображено на фото. Его используют поисковики при поиске по картинкам и программы для незрячих людей.

Галерея на okis

В okis фото можно загрузить пачкой: альбомы и превью сделаются автоматически. Разложите работы по альбомам (например, «Кухни», «Шкафы», «Прихожие»), чтобы клиенту было проще найти то, что ему нужно. Новые работы добавляйте регулярно: обновляемая галерея показывает, что вы действительно работаете.

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

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

Как открыть небольшой интернет-магазин с нуля

Каталог, карточки товаров, доставка, оплата и промокоды: что настроить до первого заказа.

Читать · 3 мин

Как получать больше заявок с сайта

Двенадцать простых правок, после которых посетители чаще звонят и оставляют заявки.

Читать · 3 мин

Бесплатное продвижение сайта: первые посетители без рекламы

Карты, справочники, соцсети и новости на сайте: откуда взять первых посетителей без бюджета.

Читать · 3 мин

Все статьи блога