Как найти картинку для макета

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

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

Руководство
по поиску картинок для сайта или статьи

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

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

Как понять, какие иллюстрации должны быть на сайте?

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

Документальное изображение

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

Художественное изображение

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

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

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

Дмитрий Сердюк

дизайнер

Как судить о качестве изображений?

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

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

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

Где найти нужные изображения?

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

Где взять бесплатные картинки?

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

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

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

Другой вариант — воспользоваться поиском на сайте Creative Commons. Здесь можно найти не только картинки, но и мультимедиа — видео, аудио.

Многие профессионалы и любители публикуют свои работы под лицензиями 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

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

• Поиск есть
• Регистрация не нужна
• Лицензия 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 — это «элитная» версия стока. Изображения стоят значительно дороже и могут распространяться по лицензиям Rights-Managed или Rights-Ready, которые позволяют вам обладать исключительными правами на использование картинки в условленные сроки. Вы не сможете использовать изображение более одного раза и позже оговоренного с поставщиком периода действия договора. Стоимость одного изображения может варьироваться в пределах от $100 и до бесконечности.

• Getty Images
  
• Fotodom

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

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

• Библиотека изображений «РИА Новости»
  
• Фотохроника ТАСС
  
• Reuters Picture
  

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

Валерий Горохов

ex-фотодиректор Meduza*
*СМИ признано иностранным агентом

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

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

• Weblancer
  
• Freelansim
  
• Freelance.ru
  

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

• Morepsd
  
• Iamdesigner
  
• Mock-Ups

Яна Плющева

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

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Библиотеки в Figma Community содержат множество изображений на любую тематику. В подборку мы включили коллекции фотографий, иллюстраций, паттернов, геометрических фигур, абстрактных шейпов, аватаров, стикеров, голографических изображений и даже картинок кубиков Lego