Находим картинки для статей сайта

Здравствуйте, уважаемый посетитель!

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

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

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

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

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

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

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

• Поиск по фотостокам (фотобанкам).
• Использование сервиса "Гугл поиск по картинкам" с применением фильтра по выделению картинок с лицензией на бесплатное использование.
• Использование кадров из фильмов и видеороликов в качестве иллюстраций.

Следует отметить, что рассматриваемые здесь способы будут использоваться при соблюдении условий авторского права. Так в первых двух вариантах, при поиске фотографий в фотостоках и в сервисе Гугл будут скачиваться только снимки с лицензией CC0 и Public Domain, при которой авторы передают право на бесплатное использование своих произведений (общественное достояние).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А затем при просмотре остановим воспроизведение на подходящем кадре. Причем для увеличения размера изображения с помощью встроенного инструмента YouTube можно перевести видеоплеер в режим широкого экрана.

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

Теперь каким-либо способом сделаем скриншот кадра. Например, просто нажав на клавиатуре компьютера кнопку "PrtSc". А затем с помощью графического редактора (данном случае с использованием Фотошопа) обрежем лишние поля, оставив только нужную часть, как показано ниже.

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

В данном случае сохраним в растровом формате "PNG-24", использующим сжатие без потерь.

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

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

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

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

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