Как найти нужные картинки для сайта

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

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

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

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

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

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

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

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

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

Обложка образовательного проекта.
Фейки

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

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

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

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

дизайнер

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

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

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

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

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

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

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

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

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

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

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

Самый простой способ найти фото для сайта — воспользоваться в 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
    Иллюстрация, дизайн и верстка: Мария Белая

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

    Советы по SEO картинок, фотостоки с лицензиями на использование, нейросетка для создания людей и совет, который все переворачивает.

    Привет, это PR-CY — создатели сервиса для анализа сайта! Он ищет ошибки в оптимизации и следит за позициями сайта в Яндексе и Google. В блоге делимся советами, кейсами и инструментами.

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

    Деми Мурыч — спец по техническому SEO и реверс инжинирингу — говорит, что с технической точки зрения картинки и видео оказывают как минимум равное влияние в Google, как любой другой контент.

    Качество
    Должно быть выше, чем у конкурентов. Минимальная нижняя граница — 1080 px по высоте. Минимальный размер превью — 640 px в ширину.

    Например, стандартный минимальный набор: картинка 1920 px в ширину и три превью для мобильных платформ — 640, 920 и 1220 px.

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

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

    Расположение на странице

    Самое важное изображение лучше поместить в верхней части страницы — Cправка Google. Все, что находится в начале страницы, имеет больший вес.

    Содержание

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

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

    Минимальное количество параметров, которые можно настроить на автозаполнение:

    • By-line, Artist, Creator — любой из этих тегов.
    • CopyrightNotice — ссылка на лицензию и описание лицензии.
    • Source, Credit – ссылка на ваш сайт или источник изображения.

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

    Что в РФ с авторским правом

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

    К примеру, был такой случай:
    разработчик делал сайт для мебельного магазина из Перми и скачал фотки мебели с сайта магазина из Екатеринбурга. Думал, никто не заметит, но нет — владельцы магазина из Екатеринбурга подали в суд. По итогам суда владелец пермского магазина совместно с администратором домена, который выложил эти фото, выплатили компенсацию в размере 820 тыс рублей за использование 82 фотографий. По 10 тыс за фото.😲

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

    Если цель — извлечение выгоды, то картинку можно использовать по договоренности с автором. Он может продать право на использование (исключительное, то есть только вам, или неисключительное) или разрешить использовать бесплатно в обмен, например, на упоминание в подписи.

    Где брать картинки:

    1. Попросить у поставщика

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

    Уникализировать карточку товара нужно описанием и обзорами с отзывами. С точки зрения SEO это нормально, на карточках товаров могут быть неоригинальные фото, поисковик все понимает.

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

    2. Найти на фотостоках с лицензией на использование

    • Stock Up, StockSnap, Unsplash, Picjumbo, Freestockimages — изображения и работы фотографов;
    • Gratisography — фото и графические иллюстрации;
    • ISO Republic — фото и видео;
    • All The Free Stock — иллюстрации, иконки и видео.
    • Foodie’s Feed — картинки только с едой и продуктами и готовыми блюдами;
    • Mazwai — картинки, видеоклипы и футажи.

    Проверяйте лицензию:

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

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

    3. Взять изображения из общественного достояния

    Есть картинки, которые принадлежат всем, они имеют лицензию «Public Domain». Если автор, к примеру, рисунка, гравюры или фотографии умер, со дня его смерти прошло 70 лет и правопреемников нет, то изображение становится общественным достоянием. Его можно использовать свободно, разрешения не у кого спрашивать.

    4. Нарисовать самим. Можно плохо, так даже прикольнее

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

    Если текст про маркетинг, чем читателю поможет картинка женщины в блузке со стока? Нужны схемы воронки продаж, скриншоты какой-нибудь CRM и Jira или Asana с задачами.

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

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

    Небрежно — значит примитивно, но не грязно или неаккуратно.

    5. Сгенерировать фото человека нейросетью

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

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

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

    Сгенерировать фото лица можно бесплатно:

    • thispersondoesnotexist.com — просто перейдите по ссылке и скачайте, для новой обновите страницу;
    • tools.seo-zona.ru/face.html — укажите сколько надо фото (до 10 штук) и скачивайте подходящие.

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

    Надеемся материал был вам полезен! Оценивайте его в уголке :)

    Очень интересно, сталкивались ли вы с проблемами из-за неуникальных картинок? Может, сами жаловались на копипастеров?

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

    Перевод публикуется с сокращениями, автор оригинальной
    статьи
    Anusha Saive.

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

    Далеко не каждая
    поисковая система предоставит вам лучшие изображения. Приступим к
    рассмотрению.

    1. TinEye

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

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    2. Google Images

    Никто не опережает Google Images,
    когда дело доходит до поиска изображений. Все, что вам нужно сделать – ввести ключевое слово и нажать «
    Enter». Для более
    детального поиска предлагаются определенные фильтры, предоставляющие широкий
    выбор связанных изображений. Этот удобный инструмент дает именно то, что вам
    необходимо.

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    3. Yahoo Image Search

    Yahoo Image Search – еще один удобный вариант для поиска изображений. Он похож на Google Images и дает отличные результаты. В этом продукте
    фильтры менее сложны, но удобно расположены и находятся на виду.

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    4. Picsearch

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

    Расширенные опции поиска позволяют фильтровать
    результаты по размеру, разрешению картинки, заднему фону и т. д.

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    5. Bing Image Search

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

    Доступны многочисленные опции поиска и фильтры.

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    6. Flickr

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    7. Pinterest Visual Search Tool

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

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    8. Getty Images

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

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    9. Яндекс

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    10. Shutterstock

    Ищете бюджетный вариант с хорошим ассортиментом? Shutterstock – то что нужно. Он отобрал пальму первенства у Getty Images с помощью огромной
    библиотеки изображений.

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    11. The New York Public Library Digital Collections

    Последний, но не худший
    источник. Если вам нужны изображения с высоким разрешением, относящиеся к
    исторической эпохе, картам, книгам, бухгалтерской тематике, фотографии и т. д.,
    не забудьте поискать в The New York Public Library! Огромный архив изображений – общественное достояние.

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

    🎨 11 лучших поисковых систем по изображениям, которые нельзя пропустить

    Дополнительные материалы:

    • 10 лучших альтернатив YouTube, которые стоит попробовать в 2021 году

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

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


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

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


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

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

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

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

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

    Изображения — очень мощный эмоциональный ресурс, который продает. Не экономьте. Если на сайте плохие фотографии, то каким бы хорошим ни было предложение, общее ощущение смазывается, продажи падают. Начинают возникать
    вопросы про доверие, про качество того, что вы продаете.
    Поэтому подобрать хороший визуал — важная задача. Обычно визуал вытекает из концепции и референсов, которые под эту концепцию находятся. Часто в процессе работы я ставлю подходящие фотографии, просто чтобы посмотреть как оно работает. Искать их можно где угодно — 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 новых фотографий.

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

    Pexels

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

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

    Pixabay

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

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

    Freeimages

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

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

    freestocks.org

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

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

    Startup Stock Photos

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

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

    Streetwill

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

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

    Splitshire

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

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

    StockSnap.io

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

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

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

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

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

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

    Stock

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

    Вот некоторые из них:

    Depositphotos
    Shutterstock
    Istockphoto
    Adobe Stock
    Fotolia
    Dreamstime

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

    Creative

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

    Getty Images
    Fotodom

    Editorial

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

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

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

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

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

    Weblancer
    Freelansim
    Freelance.ru

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

    Morepsd
    Iamdesigner
    Mock-Ups

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

    • Где найти картинки для сайта?
    • Как подбирать размер и вес изображения?
    • Как выбрать картинки для сайта и создать свой стиль: советы

    Где найти картинки для сайта?

    Изображения для свободного использования в коммерческих и некоммерческих целях можно получить бесплатно и за деньги.

    Бесплатные стоки

    Бесплатные фотостоки работают по лицензии CCO. Сейчас их очень много, вот некоторые из них:

    • Плюсы: можно найти картинки для сайта бесплатно по темам и категорям, при этом авторство указывать обязательно. Использовать можно по своему усмотрению, в том числе изменять.
    • Минусы: искать подходящую иллюстрацию можно очень долго (и не найти).

    Платные фотобанки

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

    Примеры фотобанков:

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

    Напрямую у фотографов и графических дизайнеров

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

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

    Создавать самому

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

    Также можно пользоваться простыми онлайн-редакторами, которые помогают создавать иллюстрации разных форматов для разных целей:

    • Плюсы: можно не платить (у онлайн-редакторов есть и бесплатные тарифные планы), не нужно кому-то объяснять, что должно получиться, — все можно сделать самостоятельно.
    • Минусы: чаще всего это требует усилий и времени, особенно если это побочная деятельность: например, если вы копирайтер и основное ваше дело — писать тексты, то на самообучение может понадобиться в том числе нерабочее время.

    Как выбрать размер изображения?

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

    Чтобы пользователь открыл страницу и сразу увидел изображение целиком, нужно заранее задать ей адекватные параметры и оптимизировать вес (а еще желательно внедрить адаптивный дизайн, который любят все — и поисковики, и пользователи).

    Размер изображения

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

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

    page ruler

    Наводите курсор на нужный объект, и сервис посчитает его размер

    Вес фотогафий и иллюстраций

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

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

    optimizilla

    В зависимости от порога веса картинки, можно увеличить или уменьшить качество

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

    Как выбрать картинки для сайта и создать свой стиль: советы

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

    представление у пользователя о ваших услугах или товарах

    Фотографии пирожных с сайта пекарни «Хлебница» сделаны в теплых тонах — это вызывает приятные ассоциации

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

    Добавляйте элементы корпоративного цвета

    Корпоративный цвет SEO.RU — зеленый, и мы стараемся использовать его в том числе при оформлении статей в блоге

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

    теория и практика

    На сайте образовательной платформы «Теории и практики» превью одной из статей состоит из двух фотографий — оно привлекает внимание контрастом и ярким оформлением

    1. Экспериментируйте со связкой текста и изображений — такие картинки очень нравятся пользователям, поэтому получают социальный отклик.

    Лаборатория реактивного движения

    Именно так работает инфографика — пример с сайта Лаборатории реактивного движения НАСА

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

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

    Понравилась статья? Поделить с друзьями:
  • Как исправить текст в скрине
  • Террария как найти дракона
  • Как в экселе найти похожие слова
  • Как найти проекцию ускорения по уравнению
  • Как найти друга в скайпе если