Где брать качественные картинки для сайта и как правильно это делать

Доброго времени суток, дорогие вебмастеры!

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

Как я строю свой дом с нуля

Мой канал "В СВОЁМ ДОМЕ" про переезд на землю, путешествия, жизнь

Перейти на канал и подписаться

Какие картинки подходят, а какие нет

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

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

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

Более 100 крутых уроков, тестов и тренажеров для развития мозга

Начать развиваться

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

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

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

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

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

Например, возьмем изображение 16:9 и стандартное разрешение для него 1 600 x 900. Мы можем разделить оба числа на 2, и тогда разрешение будет 800 x 450 – это все еще будет соотношение 16:9, потому как 450 относится к 800 точно так же, как и 900 к 1 600.

Аналогично работает и с 4:3. Если взять стандартное разрешение 400 x 300 и просто умножить оба числа на 3, то мы получим разрешение 1 200 x 900. Это будет соотношение 4:3, потому как 3 относится к 4, ровно так же, как и 900 к 1 200.

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

Кстати говоря, адаптивность в большинстве случаев работает именно по такому алгоритму. Если вы грузите на сайт изображение с разрешением 1 200 x 900 в то время, как размер блока позволяет разместить изображения шириной не больше 400 и высотой не больше 300, то система просто автоматически уменьшит ваше изображение до нужных размеров, то есть разделит каждую из сторон на определенное число.

Если вы загрузите на сайт изображение с разрешением 1 600 x 900, то при адаптивном сжатии картинка будет уменьшена до 400 на 300. При этом исходное соотношение сторон не будет сохранено, и изображение просто исказится.

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

Итак, тезисно:

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

Лицензии и их виды

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

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

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

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

Но давайте рассмотрим каждую из них более подробно:

• Public Domain

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

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

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

• Creative Commons

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

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

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

• Royalty-Free

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

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

• Rights-Managed

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

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

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

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

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

Где взять качественные фото

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

Из Google и Яндекса

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

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

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

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

Но учтите, что среди фотографий вам, все же, может попасться то, что защищено авторским правом. Это очень важная информация, которую стоит воспринимать серьезно.

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

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

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

С бесплатных фотохостингов без указания автора

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

Список бесплатных фотообменников:

• pixabay.com

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

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

Чтобы увидеть доступные варианты, нужно кликнуть на зеленую кнопку “Бесплатная загрузка”. Во всплывающем окне будут доступны все имеющиеся разрешения.

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

• search.creativecommons.org – поисковик, который позволяет искать фото по базам. Работает точно по такому же принципу, что и предыдущий.
• ccsearch.creativecommons.org – еще один поисковик, который позволяет осуществлять поиск по бесплатным картинкам. Этот сервис как раз таки содержит информацию об одной из свободных лицензий.
• publicdomainarchive.com – архив с большим количеством изображений, которые подпадают под лицензию Public Domain. Там можно найти много качественных продуктов, которые подойдут для использования на информационных порталах, статейниках или форумах.
• thestocks.im – сток с бесплатными фотографиями. Можно скачать любую из них и использовать по своему усмотрению.

С бесплатных фотостоков с указанием авторства

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

Примеры фотостоков:

• freedigitalphotos.net – фотосток, который предоставляет возможность использовать фото бесплатно, но с указанием автора.
• flickr.com – очень популярный сервис, который предоставляет аналогичные возможности.
• openphoto.net – еще один ресурс, позволяющий использовать картинки с активной ссылкой на автора. Для этого здесь дается специальный HTML-код, который необходимо использовать на своем сайте.

С платных ресурсов

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

• depositphotos.com – самый популярный фотобанк на территории РФ. Позволяет людям зарабатывать на размещении уникальных фотографий собственной работы. Другие их покупают и размещают на своих сайтах либо же где-то еще.
• shutterstock.com – еще один аналогичный платный банк изображений, который можно использовать как для заработка, так и для покупки уникальных фото.
• 123rf.com – довольно популярный сервис, который предоставляет возможность покупки уникальных картинок.

Вы можете найти и другие сервисы. В интернете их достаточно много, поэтому вам просто нужно ввести в поисковую строку нужные ключевые слова. Я рассказал вам о самых популярных сервисах, которые, по моему мнению, являются эталонными на территории России и СНГ. У вас может быть другое мнение, вы можете высказать его в комментариях.

Заключение

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

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

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