Для вебмастера

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

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

Вполне логично, что перед вебмастерами регулярно возникает вопрос – где брать картинки для создания сайта или паблика и, желательно, бесплатно?

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

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

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

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

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

Royalty-Free – пусть вас слово «free» не вводит в заблуждение. Эта лицензия вовсе не бесплатная. Она просто означает, что после покупки фотографии, вы можете использовать ее много раз без каких-либо дополнительных платежей. Так же, например, как и этот плагин для создания одностраничников на WordPress

Rights-Managed – а вот после покупки такого изображения, вы можете использовать его только ограниченное количество раз. За бессрочное пользование придется заплатить дополнительно.

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

Откуда можно брать картинки для своего сайта

картинки-для-сайтаFlickr. На этом сайте размещены миллиарды(!) различных изображений, большинство из которых можно свободно размещать у себя на сайте, но только в оригинальном виде (лицензия Creative Commons Attribution). А еще здесь вы найдете огромный каталог общедоступных фотографий The Commons.

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

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

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

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

FreeFoto. Здесь есть более 100тыс. различных картинок, но, как и в DeviantArt, чтобы воспользоваться ими, вам придется поставить ссылку на источник.

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

Wikimedia Commons. Одно из любимейших мест блогеров. Здесь собрано более 20млн. различных иллюстраций, при этом качество картинок для сайта более чем приемлемое.

PhotoDune. Это платная платформа. Стоимость фото зависит от его размера. Самые маленькие продаются по цене от 1$ за штуку.

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

GettyImages. Один из самых крупных онлайн архивов – более 80млн. изображений на выбор, из них около 35млн. бесплатные. Все, что от вас потребуется, это вставить код выбранного изображения в нужное место – статью, новость или форму Email подписки на своем сайте.

Creative Commons Search. Эта платформа представляет собой поисковую систему изображений по множеству различных специализированных сайтов, в том числе по Pixabay, Flickr, GoogleImage и т.п. Пожалуй, это самый быстрый способ найти подходящее изображение в интернете.

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

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

Как оптимизировать изображения перед загрузкой на сайт в графическом редакторе

Чаще всего эту работу делают в Photoshop. Для этого нужно просто открыть нужную картинку в программе, а потом выбрать команду «Сохранить для Web и Устройств». При этом редактор позволяет выбрать качество сохраняемого изображения и его тип.

К слову, для интернета используют, как правило, 2 типа файлов — JPEG и PNG. Формат JPEG имеет больше цветов, поэтому его применяют в основном для фотографий и иллюстраций. А вот PNG больше подходит для графических элементов вебдизайна (кнопки, иконки). Иногда еще используют формат GIF, но только для низкокачественных изображений или анимированных файлов.

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

• Trimage (Linux)
• RIOT (Windows)
• ImageOptim (MAC)
• PNGGauntlet (Windows)

Оптимизация изображений непосредственно на самом сайте WordPress

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

Одним из лучших является плагин WP Smush.it. Он позволяет не только уменьшать вес картинки до оптимально размера, но и может удалять из файла мета-данные (время, дату и т.п.). А еще он легко конвертирует GIF изображения в формат PNG. Кроме того, используя Smush.it, вы можете одновременно редактировать все изображения на сайте, что, безусловно, экономит много времени.

Imsanity, EWWW Image Optimizer, Hammy и CW Image Optimizer – тоже неплохие плагины для оптимизации фотографий. И они не нагружают внешний сервер, что не может не радовать.

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

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

Статьи по теме

Back to top button