» » Фавикон для сайта. Создать иконки онлайн или в ручную за пару минут

Фавикон для сайта. Создать иконки онлайн или в ручную за пару минут


Приветствую читателей нашего блога seo-links.info, посвященного заработку в интернете и созданию собственного бизнеса в сети.


В данной статье мы познакомимся с основными приемами и секретами создания favicon а также сделаем фавикон самостоятельно для нашего сайта.

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

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

Основные способы создание favicon для сайта:

  • Ручная подгонка рисунка самостоятельно;
  • Заказ создания у фрилансеров;
  • Автоматическое создания с имеющимися картинками с помощью онлайн сервисов.

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

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




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

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

Скачать плагин для сохранения картинок ICO. (.zip)

Инструкция по установке плагина:

  • Установка плагина:
  • закрыть программу фотошоп;
  • разархивировать и запустить плагин;
  • скопировать плагин в папку с установленной программой в папку C:\......\Plug-Ins\File Formats\.

Теперь мы можем сохранять нашу картинку в формате .ico.


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

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

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

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

Создание фавикон онлайн. Удобные инструменты для автоматизации процесса

Берем нашу картинку, которую мы нарисовали или скачали с интернета и загружаем в сервис favicon.ru.



Выбираем фон, который нам нужен или редактируем его, делая прозрачным и т.д.




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

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

Как установить фавикон на наш сайт?

Рассмотрим способ размещения иконки сайта на сайт сделанный под управлением самого многофункционального движка Джумла (Joomla).

Заходим в корень нашего сайта на хостинге или на локальном сервере и заливаем туда наш файл в расширении .ico.

Далее заходим в папку с шаблоном сайта (Templates) и заливаем копию в корень папки.

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

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

скачать dle 12.0
10-02-2018, 22:26 29