Авторизация:
Имя:

Пароль:

Поиск по сайту:

Помощник Blogger -а: Создание и настройка блога на платформе Blogger (Blogspot) и его продвижение. Подробные инструкции и описание работы с Блоггером

Последнее на сайте:

Подписка на новости

Введите Ваш email:


Разделы:

рейтинг статьи: 5/5; голосов: 5; комментариев: 0

Главная > Создание сайта > Где скачать бесплатные иконки для сайта. Обзор онлайн хранилищ бесплатных иконок, фоновых изображений, значков

29.10.2017

Где скачать бесплатные иконки для сайта. Обзор онлайн хранилищ бесплатных иконок, фоновых изображений, значков

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

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

Сервис IconFinder

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

Меню сервиса бесплатных иконок IconFinder

В верхнем меню представлены следующие возможности ИконФайндера:

  1. Icon sets. Здесь выложены все графические файлы. Можно их сортировать по популярности, по «свежести» создания, платные или бесплатные.

  2. Designers. Представлены авторы графики.

  3. Custom Icons. Можно связаться с дизайнерами (авторами) картинок, чтобы напрямую заказать иконки для сайта.

  4. Icon Editor. В этом меню расположен редактор иконок. Он бесплатный и простой.

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

Фильтр поиска нужных иконок на сервисе IconFinder

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

  1. For commercial use. Вы должны ставить ссылку на сайт автора значка
  2. No link back. Ничего указывать не нужно, просто качайте и пользуйтесь.

Третьим меню в этом фильтре есть пункт «No license filtering». Он указывает, что не стоит фильтровать изображения по этому критерию, но в этом случае, вы самостоятельно должны читать условия лицензии при закачке.

Чтобы скачать значок нужно просто нажать на него, откроется новое окно и в нем выбрать нужный размер. По центру окна расположен пример, как будет выглядеть конечный результат. Ниже, в каком формате, и для какой платформы нужно сохранить. Можно запустить встроенный редактор и изменить рисунок. Для этого нажимаем кнопку «Edit icon».

Как скачать иконки с сервиса IconFinder

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

 

Заготовки значков для Фотошопа в формате PSD. Сервис PSDGraphics

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

Чтобы выбрать картинку нужно листать окна при помощи пагинации, расположенной внизу экрана. Для выбора категорий картинок есть меню разделов, расположенное в левом сайдбаре. А хотите скачать понравившуюся иконку, нажимаете на кнопку «Download & read».

Сервис бесплатных изображений в формате PSD PSDGraphics

Бегло пройдемся по предлагаемым категориям картинок:

  1. 3D – трехмерные изображения.
  2. Buttons – иконки кнопок.
  3. HTML & CSS – готовый решения различных стилей оформления веб-сайта. Скачиваете архив, в котором находится html-код и CSS-файл. Достаточно внедрить это все в ваш код страницы и файл стилей. Здесь есть кнопка «Demo preview», которая показывает демонстрацию возможностей выбранного стиля.
  4. Print Templates. Изображения для распечатки на принтерах.
  5. Templates. Шаблоны изображений.
  6. Wallpapers – обои
  7. Backgrounds. Фоновые изображения в высоком качестве
  8. Graphics. Различные картинки, которые не попали в другие разделы
  9. PSD icons. Иконки в формате PSD
  10. PSD. Всевозможные изображения в этом формате
  11. Textures. Текстуры и заливки страницы
  12. Video Tutorials. Картинки с видео уроками как их сделать в Фотожопе.

 

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

Этот сервис имеет большую базу графических файлов, начиная от обычных значков и заканчивая шаблонами баннеров. Но хочется сразу отметить, что для их редактирования нужны специализированные редакторы (Adobe Illustrator или Inkscape). Но не для всех, представленных картинок, требуется софт. Можно выбрать множество готовых иконок для сайта, скачать и установить в код страницы проекта. Формат файлов .PNG. Есть возможность сохранить с расширением PSD, SVG или редактировать встроенным редактором.

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

Онлайн сервис бесплатных иконок FreePik

Есть два способа найти бесплатные иконки для сайта в FreePik.

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

Для примера выберем категорию «Icons» - «Animals».

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

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

Большой выбор иконок, векторной графики и изображений в FreePik

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

Достоинства:

  1. Локализован для русскоязычных пользователей
  2. Большой выбор бесплатной графики
  3. Можно сохранять в разных форматах (png, psd, svg)
  4. Есть встроенный редактор

Недостатки:

  1. Русскоязычная версия не имеет такого большого выбора графического материала
  2. Не все векторные картинки можно сразу же устанавливать на сайт

 

Заливка фона Subtle Patterns (Toptal)

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

Сервис для заливок фонов Subtle Patterns

  1. Есть форма поиска, она представлена в верней части страницы.
  2. Все файлы выкладываются списком в виде примеров изображения. Можно группировать в виде плитки.
  3. Наведя мишку на него, появляется кнопка «Preview», нажав на которую, откроется новое окно просмотра полноэкранного примера.
  4. Для скачивания используется кнопка «Download». Закачка фонового файла происходит сразу на компьютер в формате png.

Можно оформить подписку на почту. Subtle Patterns предлагает удаленную работу дизайнерам. Для этого ищем кнопку «Remote Jobs» и знакомимся с условиями.

 

Заключение

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

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

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

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


 

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

532

Оцените статью:

1 2 3 4 5
рейтинг: 5/5; голосов: 5

Зарегистрируйтесь или войдите под своим именем чтобы оставить комментарий