Веб-Острова Анатолия Куликова
Классные фотографии для ваших проектов

Классные фотографии для ваших проектов

Когда мы создаём в интернете какой-то контент — неважно, посты ли это в соцсетях на личных страницах или в группах, собственных блогах и журналах — мы в определённый момент сталкиваемся с необходимостью использовать фотографии и прочую графику. И зачастую случается так, что фотографии, которая бы стала отличной иллюстрацией написанного у нас нет (вот так получилось).

Тогда к нам на помощь (как и мне в этой и не только статье) приходят на помощь фотобанки — сайт-каталог, на котором за деньги или бесплатно можно взять фотографии, а также графику, видео многое другое полезное.

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

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

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

  • Платные и бесплатные. Это основное отличие медиабанков. На платных ресурсах (типа Shutterstock или Depositphotos) можно найти огромное количество разнообразных изображений в высоком качестве — нужно только купить подписку, которая даёт право использовать определённое количество изображений в месяц (чем дороже, тем больше) или покупать их по одному. С бесплатными всё проще и сложнее — с одной стороны, вас никто не ограничивает в количестве скачиваний каких угодно фотографий. Но авторы могут накладывать на использование своих изображений ограничения — например, фотографию можно использовать только в некоммерческих целях или обязательно указывать автора.
  • Типы контента. Медиабанк может содержать коллекцию только фотографий и графики, а может иметь каталог векторной графики, видео и аудио. Впрочем, широкий охват разных категорий контента присущ платным ресурсам, когда беслатные посвящены, как правило, чему-то одному.

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

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

Мы привыкли искать фотографии с помощью Яндекса или Google, но эти поисковики ищут просто все изображения, которые подходят под поисковый запрос. И насколько использование конкретного изображения законно

Однако, про один ресурс рассказать стоит. Вернее, это специальный и очень классный инструмент для поиска фотографий по стокам. Знакомьтесь — Everypixel.

everypixel.com

Очень полезный сервис, который я обнаружил сравнительно недавно и совершенно случайно. Это сравнительно новый стартап, который с помощью Искуственного Интеллекта и какой-то магии ищет по всем более-менее представительным стокам фотографии. И умеет кое-что ещё, но об этом чуть позже.

Когда мы заходим на главную страницу проекта, ресурс нам предлагает только поиск по слову или изображению, и предлагает указать, в каких фотостоках искать — платных, бесплатных или во всех. А вот на странице результатов поиска нам становятся доступны более продвинутые инструменты поиска.

Everypixel.com search result

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

  1. Поиск по ключевому слову или словосочетанию. Стандартная и традиционная функция любого поисковика. Понимает и предлагает варианты не только на английском, но и русском, что весьма и весьма приятно.
  2. Выбор источников. Более интересная настройка, которая позволяет выбрать платные и бесплатные ресурсы, микростоки или премиум стоки. А можно искать среди всех сразу, или искать только на конкретном ресурсе.
  3. Тип контента. Можно выбрать, какие картинки искать — фотографии, векторы или графику. Фотографии ищет на ура — их очень много. Векторные изображения имеют меньшее количество и что-то качественное встречается преимущественно на платных ресурсах. А вот графику ищет не очень и не по всем запросам.
  4. Ориентация изображения. Здесь можно выбрать вертикальные или горизонтальные изображения, по умолчанию ищет среди всех. Достаточно полезная настройка, особенно если делаешь коллаж или ищешь красивые обои на мобильный телефон.
  5. Цвет. Незаменимая функция, когда нужно найти изображение определённого цвета или оттенка. При нажатии на кнопку нам предлагают либо найти цвет на палитре, либо ввести его значения в HEX, RGB и HSB.
  6. Свободные зоны. Ещё более крутой фильтр, с помошью которого можно отметить области на фотографии, которые должны быть свободными от основных элементов. Нам доступна сетка 3х3, где выделяем свободные ячейки. Google так не может. Не могу сказать, что это функция уникальна — на платных фотостоках такаяже фишка присутствует.
  7. Изоляция. Про этот фильтр не написано даже в разделе помощи, но МНТ (метод научного тыка) показал, что этот фильтр начинает искать фотографии, на которых указанный нами цвет расположен изолированно. Например, мы ищем что-то про новый год, в этой картинке есть красный цвет и он изолированный, с большей вероятностью он найдёт фотографии елочного шара на белом фоне.
  8. Автор изображения. Подойдёт для тех, кто уже знает имя или никнейм фотографа и хочет посмотреть только его работы.
  9. Поиск по изображению. Уже ставшей классической функция пиоска по изображению — грузишь или даешь системе ссылку на нужное изображение и система ищет похожие изображения.

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

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

everypixel.com aesthetic test

Фотографию можно загрузить с компьютера или дать прямую ссылку, после чего система выдаст свою оценку (в процентах) насколько это изображение может произвести впечатление. И заодно определяет, что есть на изображении и создаёт облако тегов для изображения, что весьма интересно.

Видимо, предвидя то, что первую фотографию, которую пользователь загрузит для проверки на потрясность, будет его аватарка из социальной сети и будет весьма удивлён, что его лучшая фотка не является классной в глазах нейросети, разработчики разместили небольшое предупреждение — система не может измерить крутость и красоту человека на фотографии, а только оценить техническую часть (яркость, контраст, шум и тому подобное). И ретро-фотографии и 3d-модели система тоже оценить не может.

Собственно, как же такая сеть работает? Её создатели попросили дизайнеров, редакторов и опытных фотографов, которые публикуются в фотостоках, прислать им коллекции, разбитые на удачные и неудачные фотографии, которые соответственно вызывают положительные или отрицательные эмоции. По итогу нейронной сети скормили 956 794 фотографий. И теперь, основываясь на изученных данных, «бессердечный алгоритм» пытается оценить фотографию также, как это оценил бы человек.

Инструмент весьма интересный. На мой взгляд, использовать его можно, но только сначала нужно разницу в реакции вашей аудитории и нейросети — если изображения, которые получают количество лайков, а нейросеть даёт вашему изображению высокие оценки, то весьма вероятно, что эту нейросеть можно применять для вашего проекта, чтобы примерно представлять, насколько изображение будет удачным.

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

Вот такой вот интересный инструмент для поиска хороших фотографий существует в интернете. А какими ресурсами и сервисами пользуетесь вы?

Надеюсь, моя обзорная статья была полезной.

До встречи вновь на Веб-Островах.

 

Анатолий Куликов

Анатолий Куликов

Автор блога, дизайнер, веб-разработчик

Новые статьи

Разбираемся с Яндекс.Коннектом

Разбираемся с Яндекс.Коннектом

Разбираемся с новым сервисом от Яндекса
Делаем паттерн из иконок

Делаем паттерн из иконок

Ещё один простой, но полезный онлайн-генератор
Следим за клавиатурой с помощью JS

Следим за клавиатурой с помощью JS

Отслеживаем нажатие клавиш на клавиатуре и совершаем действия
Надежность пароля в картинках

Надежность пароля в картинках

Скажи пользователю, что ты думаешь о его пароле
Скроллинг по странице

Скроллинг по странице

Делаем плавный скроллинг по странице с помощью JQuery и HTML5
AI композитор Amper Music

AI композитор Amper Music

Проблем с музыкой для своих проектов больше не будет

Статьи по теме

Ахроматический контраст в веб-дизайне

Ахроматический контраст в веб-дизайне

Краткая теоретическая статья о применении ч/б при разработке дизайна
Бесплатный фотошоп в вашем браузере

Бесплатный фотошоп в вашем браузере

Редактируем файлы Photoshop и Sketch онлайн
Векторный редактор онлайн

Векторный редактор онлайн

Vectr — свободный векторный редактор онлайн и офлайн
Простая защита фотографий от посторонних посягательств

Простая защита фотографий от посторонних посягательств

Полезная и надёжная программа Image Tuner