НТВ плюс 

Как изображение выбрав подходящий. Подбор изображений. Какие изображения не подходят

Как выбрать лучшие фотографии?

Фотография - один из самых доступных современному человеку способов творческого развития - покупай камеру и воплощай свои замыслы в виде изображений. На первый взгляд, всё просто…, но, для того, чтобы ваши фотографии были интересны не только вам, а ещё и многим зрителям, нужно научиться разговаривать на «языке изображений».

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

Я постараюсь помочь вам разобраться в том, как обсуждать и отбирать фотографии для показа.

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

На фото 1 я хотел показать тяжелый труд индийских женщин на кирпичном заводе. Главный объект в кадре - вторая женщина слева и её руки с металлическим браслетом. Изящная кисть придерживает десять (!) кирпичей на голове. Оригинальность подхода к съёмке этого сюжета выражалась в том, что я не стал показывать полностью фигуры женщин, чтобы не отвлекать зрителя от главного - изящных женских рук и тяжелых, грубого изготовления кирпичей.

На фото 2 я хотел показать простор Хакасии в характерную ветренную погоду. Главный объект в кадре - корявая лиственница, изгибающаяся от порывов ветра. Солнечный свет пробивался сквозь грозовые облака и создавал необходимую атмосферу снимка. Это место называется "Сундуки" и его постоянно снимает огромное количество фотографов, но я постарался выбрать такую точку съёмки и время, при которых получился оригинальный кадр.

Отбор и анализ фото.

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

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

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

На то, сможет ли зритель хорошо рассмотреть и понять сюжет будет влиять:

Подходящая - ли для сюжета выбрана экспозиция - наличие деталей в сюжетно важных частях изображения, светлых и тёмных участках снимка;

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

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

Зритель должен пониматьчто главное на снимке. Проанализируйте как выделил это главное автор, какие использовал композиционные приёмы для передачи смысла изображения. Правильно выбран формат кадра для показа конкретного сюжета или нет. Обратите внимание на то как освещены объекты, на сочетание цветов…

Из огромного количества снимков зритель должен выделить Ваш, а значит снимок должен быть оригинальным.

JPEG, PNG, GIF - боже мой! Идеальный формат ищут годами, потому что мало кто понимает, как они работают.

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

Правила хранения изображений в интернете. Какой формат выбрать, чтобы картинка не протухла? Перевод статьи от blog.sibirix.ru .

JPEG

Формат проверен временем. Как же он работает и для чего хорош?

JPEG сжимает изображения квадратами 8*8 пикселей, а затем делает что-то сумасшедшее и математическое. Преобразует пиксели в каждом блоке из RGB в YCbCr. С технической точки зрения, JPEG преобразует информацию из пространственной области в частотную.

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

Не подходит: для объектов с чёткими границами на изображении.

GIF

Формат GIF сжимает изображения с помощью алгоритма LZW. Он проще, чем магическая математика в JPEG. Алгоритм LZW сканирует изображение и генерирует короткие коды для повторяющихся частей, а потом сокращает их.

Ещё у GIF есть пара фич: прозрачность и поддержка анимации, но… Этот формат поддерживает только 256 цветов.

Подходит: для сжатия изображений с повторяющимися данными. Изображения с резкими переходами сохраняются без потерь.

Не подходит: для изображений с большим количеством цветов. Сжатие приводит к пастеризации.

Сильные стороны GIF и JPEG дополняют друг друга - они были убойной командой в эру молодого интернета. Но проблемы с патентом на LZW побудили к созданию новых форматов.

PNG

PNG как GIF, но лучше:

  • Нет ограничения на 256 цветов.
  • Есть поддержка альфа-канала (для создания частичной прозрачности).
  • Подходит практически во всех ситуациях.

Как работает PNG?

  1. Алгоритм сжатия PNG уменьшает объем данных. Он предполагает, что каждый следующий пиксель похож на предыдущий. Если это подтверждается - сохраняет разницу между предположением и фактическим значением. Маленькие числа занимают меньше места.
  2. Вырезает повторения с помощью алгоритма LZ77. Да-да, для GIF - LZW, а для PNG - LZ77. Не путаем! Так избегают проблем с патентом.
  3. Использует алгоритм кодирования Хаффмана. Генерирует короткие коды для распространенных значений.

PNG лучше, чем GIF (почти всегда). Хуже, чем JPEG - для фотографий.

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

Новое поколение

На момент написания статьи JPEG, GIF и PNG - единственные форматы с универсальной поддержкой. Только их разработчики могут реально использовать. Однако новые форматы уже здесь и достойны внимания.

WEBP

WebP - ответвление видеоформата Google WebM.

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

WEBP лучше, чем PNG или JPEG. Но этот формат поддерживается только в Chrome.

JPEG-XR

Формат следующего поколения, выбор Microsoft - JPEG-XR. Новые методы на основе механики сжатия JPEG. Но предлагает.

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

Хорошая картинка - это важно

Какой смысл вкладывать кучу сил в текст, если никто не оценит? Работать надо одинаково вдумчиво и над содержанием статьи, и над заголовком, и над иллюстрацией. Заглавная картинка - это первое, на что обращают внимание. Она создает впечатление.

Заглавная иллюстрация отличается от иллюстраций в тексте.

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

С заглавной картинкой только один шанс.

Поэтому никогда не берите на главную, что попало!

Как понять, что картинка плохая

На ней первое, что пришло в голову. Скорее всего, это плохая картинка. Когда ассоциация слишком простая, она приходит к сотням или тысячам авторов. А еще это первое, что ожидает увидеть читатель. Она не удивляет, выглядит вяло и безжизненно, не способна бороться за внимание.

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

Со временем начинаешь на автомате отбрасывать слишком ширпотребные варианты, но поначалу остерегайтесь слишком простых ассоциаций.

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

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

Картинки с фотостоков. Максим Ильяхов в своей статье о плохих иллюстрациях написал , что фотостоки - табу. Но это не так.

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

Особенно когда речь заходит о чем-то абстрактном. Например, рост бизнеса во всех изданиях - это постоянная экспонента, которая уходит куда-то в небеса.

Но не все стоковые фотографии такие плохие. Сравните. Первые страницы картинок Гугла по запросу «скидки» - это какой-то тихий ужас, согласен.

А вот на стоке Gratisography в поиске по скидкам и распродажам совершенно чумовая тетка, которая точно выделит вас на фоне остальных.

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

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

Стоковые иллюстрации с мобильниками, планшетами и смартфонами. Это отдельный разговор, и почти всегда очень плохо и не в тему. Рассказываете о гаджетах - сделайте или найдите реальную фотографию того гаджета, о котором речь. Рассказываете о программистах, сфотографируйте (или попросите сфотографировать) бардак на рабочем месте, но не вставляйте стерильный, выключенный (!) ноутбук.

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

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

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



Пример из блога Serpstat - там еще

Серые, тусклые картинки . По исследованию Xerox яркие цветные картинки привлекают внимание на 80% сильнее. Это надо учитывать, когда стараешься сделать реальную правдивую фотографию, чтобы проиллюстрировать статью.


Пример хорошей заглавной иллюстрации из блога Максима Ильяхова

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

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

Реальные, но неизвестные люди. Еще один соблазн поставить на главную героя статьи. Круто - отличная задумка, но если вашего героя вообще кто-то знает. Иначе он будет выглядеть, как еще одна безжизненная стоковая картинка.

Чтобы сделать хорошо, добавьте подпись - расскажите читателю, что за люди перед ним и стоит ли на них тратить время.

Самые плохие картинки - те, на которые у вас нет прав. Часто так и чешется взять скрин из фильма, постер от сериала, стащить красочную фотографию из чьего-то блога. Могут не заметить. А могут заметить. Если заметят, пострадает и репутация, и кошелек. И не думайте, что если какой-то Getty Images за океаном, вам не прилетит иск. Короче, почитайте, когда тянете картинки из интернета.

Какие изображения не подходят:

    Картинки, на которых изображены слишком явные ассоциации

    Стоковые png-шки с первых страниц поиска

    Стоковые иллюстрации с ноутбуками, смартфонами, мобильниками

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

    Серые, тусклые фотографии без акцента

    Фотографии неизвестных людей без подписи

    Изображения, на которые у вас нет прав

Какие картинки считать хорошими

Хорошая иллюстрация в первую очередь привлекает внимание и заставляет прочитать текст. Она правдивая, отражает суть заголовка. Ее сразу видно в ленте социальной сети, она небанальная, ассоциируется с брендом. Все вместе - практически нереальный коктейль. Иногда приходится выбирать что-то одно.

Если интересные ассоциации не лезут в голову, попробуйте повбивать ключевые слова на сайте Sociation.org .

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

Примените фильтры. Можно изменить фон или применить фильтр, как это делают в Copyblogger. Можно добавить надпись или сделать коллаж из нарезанных стоковых фигурок.

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

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

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

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



Иллюстрация к статье

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

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

Дизайнер может собирать коллажи и анимации, или иллюстратор нарисует вам целую историю с персонажем. Если будет герой, это придаст иллюстрациям изюминку - они начнут общаться с читателем. Так делает бизнес-журнал Жажда.

Модуль-банк в своем издании «Дело» раньше вообще рисовал целые истории.

Простые картинки для своего блога рисует Даниил Шардаков.

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

Если совсем жалко денег. Можете от руки нацарапать что-то в пейнте или обвести фотографию в фотошопе. Получится тоже не самая плохая иллюстрация.

Допустим у Вас есть какое-то изображение (рисунок, картинка, фотография), и Вы хотите найти такое же (дубликат) или похожее в интернет. Это можно сделать при помощи специальных инструментов поисковиков Google и Яндекс, сервиса TinEye, а также потрясающего браузерного расширения PhotoTracker Lite, который объединяет все эти способы. Рассмотрим каждый из них.

Поиск по фото в Гугл

  1. Указываем ссылку на изображение в интернете
  2. Загружаем файл с компьютера

В итоге получаем полный список похожих картинок по изображению, которое было выбрано в качестве образца:

Есть еще один хороший способ, работающий в браузере Chrome. Находясь на страничке с интересующей Вас картинкой, подведите к ней курсор мыши, кликните правой клавишей и в открывшейся подсказке выберите пункт «Найти картинку (Google)»:

Вы сразу переместитесь на страницу с результатами поиска!

Поиск по картинкам в Яндекс

У Яндекса всё не менее просто чем у Гугла:) Переходите по ссылке https://yandex.by/images/ и нажимайте значок фотоаппарата в верхнем правом углу:

Укажите адрес картинки в сети интернет либо загрузите её с компьютера (можно простым перетаскиванием в специальную области в верхней части окна браузера):

Результат поиска выглядит таким образом:

Вы мгновенно получаете доступ к следующей информации:

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

Многие наверняка уже слышали об онлайн сервисе TinEye, который русскоязычные пользователи часто называют Тинай. Он разработан экспертами в сфере машинного обучения и распознавания объектов. Как следствие всего этого, тинай отлично подходит не только для поиска похожих картинок и фотографий, но их составляющих.

Проиндексированная база изображений TinEye составляет более 10 миллиардов позиций, и является крупнейших во всем Интернет. «Здесь найдется всё» — это фраза как нельзя лучше характеризует сервис.

Есть еще один способ поиска в один клик. По умолчанию в настройках приложения активирован пункт «Показывать иконку быстрого поиска». Когда Вы наводите на какое-то фото или картинку, всплывает круглая зеленая иконка, нажатие на которую запускает поиск похожих изображений – в новых вкладках автоматически откроются результаты поиска по Гугл, Яндекс, Тинай и Бинг.

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

Когда это может понадобиться

  • Вы являетесь фотографом, выкладываете свои фото в интернет и хотите посмотреть на каких сайтах они используются и где возможно нарушаются Ваши авторские права.
  • Вы являетесь блогером или копирайтером, пишите статьи и хотите подобрать к своему материалу «незаезженное» изображение.
  • А вдруг кто-то использует Ваше фото из профиля Вконтакте или Фейсбук в качестве аватарки на форуме или фальшивой учетной записи в какой-либо социальной сети? А ведь такое более чем возможно!
  • Вы нашли фотографию знакомого актера и хотите вспомнить как его зовут.

На самом деле, случаев, когда может пригодиться поиск по фотографии, огромное множество. Можно еще привести и такой пример…

Как найти оригинал заданного изображения

Например, у Вас есть какая-то фотография, возможно кадрированная, либо отфотошопленная, а Вы хотите найти её оригинал, или вариант в лучшем качестве. Как это сделать? Проводите поиск в Яндекс и Гугл, как описано выше, либо средствами PhotoTracker Lite и получаете список всех найденных изображений. Далее руководствуетесь следующим:

  1. Оригинальное изображение, как правило имеет больший размер и лучшее качество по сравнению с измененной копией, полученной в результате кадрирования. Конечно можно в фотошопе выставить картинке любой размер, но при его увеличении относительно оригинала, всегда будут наблюдаться артефакты. Их можно легко заметить даже при беглом визуальном осмотре.
  2. Оригинальные фотографии часто имеют водяные знаки, обозначающие авторство снимка (фамилия, адрес сайта, название компании и пр.). Конечно водяной знак может добавить кто угодно на абсолютно на любое изображение, но в этом случае можно поискать образец фото на сайте или по фамилии автора, наверняка он где-то выкладывает своё портфолио онлайн.
  3. И наконец, совсем простой признак. Если Ваш образец фото черно-белый (сепия и пр.), а Вы нашли такую же, но полноцветную фотографию, то у Вас явно не оригинал. гораздо более сложнее, чем перевести цветную фотографию в черно-белую:)

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

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

Сайт компании, которая разрабатывает и производит концептуальные малые архитектурные формы и мебель для дачи. woodandspace.ru

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

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

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

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


Дмитрий Сердюк, дизайнер

И зображе ни я — очень мощный эмоциональный ресурс, который продает. Не экономьте. Если на сайте плохие фотографии, то каким бы хорошим ни было предложение, общее ощущение смазывается, продажи падают. Начинают возникать
вопросы про доверие, про качество того, что вы продаете.
Поэтому подобрать хороший визуал — важная задача. Обычно визуал вытекает из концепции и референсов, которые под эту концепцию находятся. Часто в процессе работы я ставлю подходящие фотографии, просто чтобы посмотреть как оно работает. Искать их можно где угодно — Google, специализированные подборки, например, niice.co. Либо даже взять с сайта схожей тематики.

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

Если бюджет совсем ограничен, а вы предлагаете уникальную услугу и у фотографий скорее информационная цель, то можно сделать съемку и самому. Найти образцы фотографий, позаботиться о хорошем освещении, положить предмет на белый фон и сделать резкий кадр. Даже с помощью iPhone.
Но если задача имиджевая, то лучше вложиться и сделать хорошую съемку. И надо понимать, что если вы, например, для главной страницы магазина делаете дорогую, качественную съемку, а товары фотографируете в походных условиях, то это будет заметно и ничего, кроме недоумения у пользователя не вызовет и скорее всего отпугнет покупателя.
Еще один ресурс, который мне хотелось бы отметить — flickr. Он отличается тем, что люди выкладывают фотографии хорошего качества, но не сток. И администрация сайта даже может прислать предупреждение, если альбом напоминает коммерческий. Фликр хорош еще тем, что там есть не только традиционные фотографии, но и какие-то старинные снимки, фото из музеев. Можно взять фотографию гобелена, который выложил какой-нибудь музей и сделать из него паттерн, фон для сайта. Плюс, если фотография не разрешена для коммерческого использования, можно написать автору и купить фото. Люди охотно общаются и идут навстречу. Если у вас некоммерческий проект, то фотограф и вовсе может разрешить использовать фото бесплатно.

Качество картинки также можно оценивать с двух позиций: технической и эстетической.

С технической стороной вопроса все достаточно просто. Размеры картинки указываются в пикселях: сначала горизонтальная сторона, затем вертикальная. Для полноэкранных изображений подбирайте те, которые не меньше разрешения наиболее популярного экрана. На данный момент(середина 2016 года) таким разрешением для настольных компьютеров является 1366×768 px.

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

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

Есть три пути: найти бесплатно, купить или сделать. Рассмотрим их по порядку.

Нельзя просто так взять нужную картинку в Google(или любом другом поисковике) и использовать ее, указав источник. Это нарушение авторского права, которое может стать основанием для судебного иска. Все картинки кому-то принадлежат.

Зато можно бесплатно использовать изображения по лицензиям Creative Commons. Они делятся на две крупные категории: разрешенные или запрещенные к коммерческому использованию.

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

Самый простой способ найти такие изображения — воспользоваться в Google вкладкой «Картинки» и уточнить поиск в меню «Инструменты поиска». Во вкладке «Права на использование» можно выбрать лицензию, разрешающую бесплатное использование изображения. Кстати, здесь же можно уточнить и размер искомой картинки.


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


Изображения по лицензии Creative Commons нужно правильно подписывать. Указание авторства — обязательное условие использования. Делается это по шаблону «Имя автора / Наименование источника / Тип лицензии».

Например: John Wood / Flickr / CC BY-SA или Moscow State University / Wikimedia / CC BY

Поисковые системы не являются источником, поэтому ни при каких обстоятельствах не надо указывать Google (если только изображение не принадлежит самой компании Google).

Абсолютно бесплатно можно использовать изображения, находящиеся в общественном достоянии(Public Domain). По закону РФ произведение переходит в общественное достояние через 70 лет после смерти автора. Это открывает возможности к использованию репродукций живописи, архивных фотографий и материалов. Подробнее можно прочитать об общественном достоянии на Википедии .

Лицензия CC0(Creative Commons Zero) приравнивается к общественному достоянию. По сути, автор полностью отказывается от своих прав на изображение и позволяет вам использовать его как угодно и делать с ним все, что пожелаете. Так подход практикуется на проекте Unsplash, где каждые десять дней появляются 10 новых фотографий.


Есть и другие источники бесплатных картинок.

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

Поиск есть
Регистрация не нужна
Лицензия CC0

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

Поиск есть
Регистрация нужна
Лицензия CC0

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

Поиск есть
Регистрация нужна
Пользовательское соглашение

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

Поиск есть
Регистрация не нужна
Лицензия CC0

Неплохая база изображений на тему стартапов. Подойдет всем, кто работает в сфере digital: блогерам, издателям, дизайнерам, программистам и другим специалистам.

Поиск отсутствует
Регистрация не нужна
Лицензия CC0

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

Поиск есть
Регистрация не нужна
Лицензия CC0

Бесплатный сток со множеством категорий картинок. Для удобства использования можно заплатить $ 20/год и тогда картинки будут отправляться прямиком в ваш Dropbox.

Поиск есть
Регистрация не нужна
Пользовательское соглашение

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

Поиск есть
Регистрация не нужна
Лицензия CC0

Этот список можно продолжать почти бесконечно. Лучший способ найти нужный бесплатный сток — это воспользоваться поиском в Google по такой схеме: free stock photo + искомая тема фотографий. Например, «free stock photo girl iphone» позволит найти такой результат:


Где купить изображения?

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

Есть три главных направления платных картинок: Stock, Creative и Editorial. Отличие первых двух достаточно символическое и выражается в основном в цене. Editorial — это репортажная съемка, которую не всегда можно использовать в коммерческих целях.

Картинки категории Stock обычно стоят не дороже 1—2 долларов за штуку и качественно не отличаются от бесплатных. К ним имеет смысл прибегать, если не хочется долго искать. На платных стоках база изображений гораздо больше.

Стоковые картинки чаще всего приобретаются по лицензии Royalty-Free, которая подразумевает однократную оплату в момент покупки. Это значит, что вы можете использовать купленное изображение многократно.

Creative

Картинки категории Creative — это «элитная» версия стока. Изображения стоят значительно дороже и могут распространяться по лицензиям Rights-Managed или Rights-Ready, которые позволяют вам обладать исключительными правами на использование картинки в условленные сроки. Вы не сможете использовать изображение более одного раза и позже оговоренного с поставщиком периода действия договора. Стоимость одного изображения может варьироваться в пределах от $ 100 и до бесконечности.

Editorial

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

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

Какие еще есть варианты?

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

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

Текст: Мика Стецовский, визуальный продюсер медиапроектов Mail.Ru Group