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

При словосочетании «стоковые фотографии» практически у всех сразу в голове представляются идеальные картинки с изображением счастливых людей на белоснежном фоне с такой же белоснежной улыбкой. Многие с пренебрежением относятся к фотографиям такого рода. И я, как обычный пользователь, это понимаю. Такие фото надоели всем. Но, как дизайнер, могу сказать: не все стоковые изображения одинаково банальны! Главное — правильно уметь найти те самые картинки, которые действительно будут интересными и смогут привлечь внимание. Спешу вас обрадовать, такие изображения реально подобрать на фотостоках. Ведь, как известно, кто ищет, тот всегда найдет. :)

Правила использования изображений с фотостоков

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

Лицензия

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

  1. Attribution — изображение можно использовать в коммерческих целях с указанием автора.
  2. Attribution Share Alike — изображение можно использовать в коммерческих целях с указанием автора. При его редактировании авторство также должно указываться.
  3. Attribution No Derivatives — изображение можно использовать в коммерческих целях с указанием автора, но его нельзя редактировать.
  4. Attribution Non — Commercial — изображение можно использовать в коммерческих целях с указанием автора. Если оно было видоизменено, его уже нельзя использовать в коммерческих целях.
  5. Attribution Non — Commercial Share Alike — изображение можно использовать только в некоммерческих целях с указанием автора.
  6. Attribution Non — Commercial Derivatives — изображение можно использовать только в некоммерческих целях с указанием автора. Редактирование запрещается.

На основе этих данных всегда проверяйте лицензию. Практически на всех фотостоках ее легко найти. Подробнее все лицензии описаны на сайте creativecommons.org.

Лицензия

Информацию о лицензии на сайте Freepik можно найти сразу под кнопкой «Скачать»

Целевая аудитория

Идеальным будет составить портрет типичного пользователя для вашего сайта. Кто это: мужчины или женщины, сколько им лет, где они работают и т.д. Подробный анализ делать не стоит, но важно четко видеть своего «потенциального клиента». На основе выявленных предпочтений и стоит подбирать картинки. Есть сайты, чья аудитория сразу очевидна, но для некоторых стоит тщательней продумывать ЦА.

Ногтевой сервис

Целевая аудитория сайта ногтевого сервиса — женщины 20-50 лет. Здесь подойдут фото в спокойных пастельных тонах

Автоподбор

Сайт автоподбора выполнен в темных цветах. Целевая аудитория — преимущественно мужчины 30-60 лет. Сюда подбираем изображения в сдержанной цветовой гамме

Подходящая тематика

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

Тематика для ногтевого сервиса

Все картинки в разделе услуг хорошо сочетаются между собой

Тематика для автоподбора

Изображения для блока гарантий наглядно отражают тематику сайта

Хорошее качество

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

Плохое качество

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

Хорошее качество

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

Единообразие

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

Нет единообразия

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

Есть единообразие

Вариант с одинаковой цветокоррекцией для всех фотографий

Не используйте фото с белым/черным фоном

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

Белый фон

Пример неудачного использования картинок с белым фоном. Они заметно отличаются от других

Не используйте фоновые изображения

Существует такой тип фотографий, который предназначен для размещения на нем дополнительной информации, например, текста. Такие картинки не могут существовать отдельно как самостоятельные. Отличительная их черта — достаточно много пустого пространства и заблюренный фон. Их следует редактировать, добавляя другие элементы, либо не использовать их вообще.

Фоновое изображение

Неудачное использование фонового изображения плохого качества

Следите за трендами

Старайтесь следовать тенденциям. Постоянно отслеживайте тот контент, который находится в тренде на данный момент: какие цвета актуальны, какие формы, арт-объекты, художники и т.д. Сейчас в моде минимализм и яркие цвета. Но это не означает что нужно слепо этому следовать. Если вы постоянно будете следить за трендами, у вас разовьется навык насмотренности. Тогда вы сможете создавать свои уникальные изображения.

Тренды

На Яндекс.Музыке в разделе «Детям» оформление плейлистов выполнено в ярких трендовых цветах

Используйте иллюстрации и мокапы

Картинка на сайте — это не обязательно фотография. Ее может заменить какая-нибудь яркая иллюстрация или мокап. Здесь также не стоит забывать про правило единообразия и стараться подбирать все в одном стиле.

Иллюстрация

На сайте digital-агентства в качестве изображений для каждой статьи используется иллюстрация в одинаковой цветовой гамме

Мокап

Пример использования мокапа телефона для главной страницы сайта

Как добавить уникальности стоковым изображениям

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

Наложение текста

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

Наложение текста

Наложение цвета и фильтров

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

Наложение цвета

Использование графики

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

Использование графики

Коллаж

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

Коллаж

Анимация

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

Анимация

Как правильно подбирать картинки с фотостоков

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

Подбор ключевых слов

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

Без выдачи

Всегда старайтесь сокращать поисковой запрос. Подбирайте ключевые слова более обобщенно. Тогда система выдаст намного больше вариантов.

С выдачей

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

Поиск по картинке

На многих фотостоках есть возможность поиска по картинке. Если вам понравились какие-то изображения и вы хотите найти похожие, можно воспользоваться данным способом. Перетащите фото в поле для загрузки, и поисковая система автоматически подберет все за вас.

Поиск по картинке

Поиск по серии фото или по автору

Такая функция также доступна для большинства фотостоков. Обычно рядом с фотографией есть название ее автора. При клике на нее вы попадаете в его профиль.

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

Поиск по автору

Не берите картинки с первых страниц

Фотографии, которые первыми показываются при выдаче, скорее всего кто-то использовал до вас. Повторяться десять раз не нужно. Тем более такие изображения, как правило, обычные и прямолинейно отражают свою суть.

Первая страница

Пролистайте дольше хотя бы на две-три страницы. Так у вас есть шанс найти изображения, не похожие на те, которые были в начале.

Третья страница

Ищите ассоциации

Не обязательно то, что подразумевает текст, должно визуально отображаться на картинке. Принцип ассоциации работает легко. Например, тема моей предыдущей статьи называлась «Темная тема или Dark Mode: очередной тренд или важная необходимость». Первое, что приходит на ум — это взять картинку с сайтом, где установлена темная тема, но это выглядело бы слишком банально. Начинайте искать ассоциацию к каждому слову. Что может быть темным? Ночь, тень, лес и т.д. А что ассоциируется с ночью? Звезды, луна, тишина... Все просто. :) Подключайте свою фантазию.

Ассоциации

Список бесплатных фотостоков

Бонусом к статье прилагаю 10 мои любимых бесплатных фотостоков, которые вы можете использовать для подбора изображений для сайта, соцсетей, email-рассылки.

Freepik

Отличный ресурс, содержащий не только фото в отличном качестве, но и различные векторные иллюстрации, 3D-иллюстрации и мокапы, которые вы можете редактировать.

Freepik

Unsplash

На данном фотостоке вы найдете прекрасные атмосферные фотографии. Удобен тем, что здесь имеется поиск по категориям. Можно настраивать размер скачиваемой картинки. Библиотека часто пополняется новыми изображениями.

Unsplash

Pexels

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

Pexels

Pixabay

Ресурс, содержащий в своей библиотеке картинки, видео и даже музыку. Используется собственная лицензия Pixabay License, которая не ограничивает права пользования.

Pixabay

Freerance

Фотобанк с возможностью выбирать размер скачиваемой картинки. Можно отслеживать новые и популярные изображения в соответствующих разделах.

Freerance

Stockvault

На данном сайте есть большой выбор категорий. Удобный раздел с подобранными коллекциями поможет подобрать картинки по стилю.

Stockvault

Life of pix

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

Life of pix

Picography

Фотосток, содержащий много креативных фото. Отлично подойдет для подбора изображений для главной страницы сайта и для соцсетей.

Picography

Gratisography

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

Gratisography

Rawpixel

Ресурс с возможностью редактирования изображений. Например, можно создать свой собственный коллаж. Здесь легко подобрать нужные элементы: различные фоны, png-картинки, стикеры, эмоджи, тени и т.д.

Rawpixel

Это далеко не все сайты с бесплатными картинками — на просторах интернета их существует великое множество. Другие полезные ресурсы вы сможете найти здесь.

Вывод

В наше время не составит труда найти нужную картинку в интернете, это можно сделать за пару секунд. Но если вы задумываетесь о репутации вашего бренда, о его положительном позиционировании на рынке, то необходимо приложить больше усилий к процессу поиска подходящих изображений. Не важно, где вы планируете размещать картинки (блог, статья, новостная лента, социальные сети, сайт и т.д.), они должны выглядеть оригинально. Это не означает, что нужно нанимать персонального фотографа и устраивать профессиональные фотосессии. Конечно, вы можете так поступить, и это будет круто, но если вы хотите сэкономить время и деньги — добро пожаловать на фотостоки! Плохого в этом ничего нет. :) Главное — следовать правилам, которые я привела выше.

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

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Понравилась статья?

24 чел. оценили, средняя оценка 5

Инфографика «Идеальный дизайн сайта:
что указать в ТЗ для дизайнера, чтобы не возникло недомолвок»

6 обязательных условий, которые нужно прописать в ТЗ для дизайнера, чтобы получить макет мечты.

Получить бонус

Популярные статьи

Все популярные статьи »

Комментарии (0)

Правила комментирования блога

Проверить позиции сайта

Запросы для проверки
Регион для проверки
Оставить коммент к статье

Полетели к ТОПу прямо сейчас!

Подпишитесь на рассылку и первыми получайте полезный контент без воды и банальностей. Иногда с котиками. =)

Летим с нами в ТОП

Подписывайтесь на рассылку и получайте практические советы по продвижению сайта

Ваш email

Нажимая на кнопку «Подписаться», вы соглашаетесь на обработку персональных данных

Я уже с вами

Мы понимаем, что всплывающие окна – это зло =( Но пока по-другому не получается предупредить вас об использовании куки-файлов на нашем сайте. Так мы с каждым днем будем становиться лучше и полезнее для вас!

×

Тяните за рычаг
и выигрывайте классные подарки

Главный приз – бесплатное продвижение сайта в течение 1 месяца!

Введите свой email и нажмите на кнопку

Да вы настоящий везунчик!

Активировать выигрыш

Повезет в любви! =)

Но не вешайте нос – попытайте удачу еще раз.

Сыграть заново

Закрыть и не показывать больше