Главная Вебмастеру Создание иконки Favicon для вашего сайта. Favicon из логотипа

Создание иконки Favicon для вашего сайта. Favicon из логотипа

Продолжая тематику сайтостроения, поговорим о логотипе проекта. Данный элемент оформления имеет непосредственное отношение к сайту,

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

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

Вот об одной из таких иконок и пойдёт речь ниже. Favicon – это миниатюрное изображение отображаемое рядом с названием сайта или открытой страницы, Вы можете наблюдать данную иконку в левом краю вкладки браузера ? как и на нашем сайте(существует ещё несколько мест применении данной иконки). Это одна из немногих деталей проекта, которая обязана подчеркнуть индивидуальность.

Создаём иконку Favicon из логотипа

Существует несколько вариантов создания такой иконки, например, можно установить плагин для графического редактора Photoshop. Мы же с вами воспользуемся  более практичным способом, воспользовавшись онлайн сервисом по созданию и редактированию favicon. Favicon.ru – проект предоставляющий полный спектр услуг для создания и редактирования  иконки сайта. Данный сервис может не только помочь создать или от редактировать  , но и также  сделать данную иконку на заказ, которую выполнят профессиональные редакторы.

Если у Вас уже есть логотип  вашего проекта, то создание иконки сводится к трём шагам.

Favicon.ru

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

  • Нажмите кнопку «Обзор» и укажите ваше изображение логотипа или того что будет использоваться для создания.
  • После  этого перед вами откроется миниатюра данного изображения, с предложением отредактировать его, в том числе указать область  применимую к иконке.
  • Нажмите «Далее» если редактирование не требуется или Вы закончили .
  • Теперь Вы можете видеть эскиз favicon, который также можно подвергнуть редактированию. Если же Вас всё устраивает, то можно нажать кнопку «Скачать»
  • В открывшемся окне  повторите нажатие и сохраните иконку на компьютер.
  • После откройте каталог вашего сайта, например, воспользовавшись FTP доступом  и скопируйте полученную иконку в корень каталога сайта. Если в данной области уже имеется favicon.ico то следует заменить её новой.

После Вы можете пронаблюдать  результат – обновив страницу вашего сайта, как я уже говорил иконка отображается слева во вкладке вашего обозревателя Интернет (браузера).

Очень простой метод, не требующий никаких усилий и знаний от простого пользователя. Надеюсь Вам понравится творить с проектом Favicon.ru

  поделитесь с друзьями:
Подписаться на почтовую рассылку
Комментарии
  1. pikasso
    • admin
  2. Василий
    • admin
  3. Екатерина

Оставить комментарий

Авторизоваться через: 

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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

Сообщите об ошибке, мы исправим:

Отправить