Skip to content
 

Favicon для сайта — легко!

Favicon -логотип для сайта

фавикон для сайта   Фавикон, что это такое, и как его создать.

Фавикон – это иконка, логотип,  для вашего сайта.

Фавикон – это бренд, по которому посетители будут Вас узнавать.

Favicon (FAVorites ICON) – дословно «очень маленькое изображение» (16×16px).

Чем ярче и оригинальней изображение, тем лучше оно запоминается. Фавикон стал визитной карточкой сайта или компании. Где же отображается логотип?

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

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

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

Так что же нужно сделать, чтобы получить логотип? Все довольно просто. Прежде всего, нужно придумать, что Вы хотите видеть в качестве бренда. Изображение, инициалы или ваше фото. Когда определились и мысленно представили, а может быть, даже нарисовали на бумаге, начинаем воплощать задуманное в жизнь. Если Вы владеете Photoshop, то можете смело создавать свой фавикон. Ну а если Вы не дружите с графическими редакторами, подойдет любой онлайн сервис по созданию фавикона. Вот список некоторых сервисов генераторов:

  • Ø  Favicon.ru
  • Ø  www.favicon.by
  • Ø  favicon.cc
  • Ø  www.favicon.cc
  • Ø  Amichurin.Appspot.com
  • Ø  Favicjn-Generator.org
  • Ø  Genfavicon.com

Можно воспользоваться сайтами с большим набором готовых фавиконок:

     ¤ http://www.audit4web.ru/favicon/

    ¤  http://www.iconj.com/

    ¤  http://www.thefaviconallery.com

    ¤  http://www.favicon.co.uk/gallery/php

     ¤ http://favicon-generator.org/gallery/

Принцип работы генераторов почти везде одинаковый, время создания 2-3 мин. Жмете кнопку «выбрать файл», выбираете на компьютере картинку размером 16 на 16 пикселей (если чуть больше, то можно обрезать или отредактировать), но в идеале хорошо бы подготовить маленькое изображение, далее жмете «загрузить»,  и получаете готовый фавикон.

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

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

Затем пойти на сервис: —  http://www.chami.com/HTML-Kit/services/favicon, и под кнопкой «выбрать файл» нажать на ссылку «значек от имя пользователя Твиттер». фавикон для сайтаК адресу твиттер прописывайте свой логин (заранее посмотрите свой адрес на Tvitter), ждем 30 сек, и Ваш аватар превращается в фавикон.фавикон для сайта

Теперь можно приступать к непосредственной настройке. Заходим в админ панель WordPress, — «редактор». фавикон для сайта Выбираем для редактирования «Заголовок» файл  header.php. фавикон для сайтаИщем такую строчку:

<link rel=”icon” tupe=”image/x-icon” href=”  /favicon.ico”>

Быстро найти вам эту строчку, поможет сочетание клавиш Ctrl+F. В окошко вставляете скопированный код, и он подсветится в файле. Удаляем эту строчку, и вставляем на её место такую:

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>

<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>

Если в Вашей теме вообще не было кода, то вставлять новый код можно сразу после <head> вставляем здесь …….

фавикон для сайта

фавикон для сайта

Или перед закрывающим тегом </head>.

Остался последний, заключительный этап.

Загружаем favicon.ico в корневую папку сайта.

Соединяемся с хостингом при помощи FTP.  Или заходим  административную панель хостинга,  «файловый менеджер», и загружаем скачанный фавикон в корневую папку сайта — public html. фавикон для сайтаИмя файла должно быть favicon.ico, размер 16 × 16 пикселей или 32× 32. Возвращаемся на сайт, и смотрим на результат!фавикон для сайтаВсе отлично!

Понравился пост? Нажмите на кнопки социальных сетей, поделитесь с друзьями, ведь Вам не трудно, а мне приятно. Подписывайтесь на блог «Создание и продвижение сайта.», чтобы получать свежие статьи по почте.

С уважением, Ирина Баталова.

Я хочу быть в курсе событий на сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

Google

10 комментариев

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

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

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

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

  5. В последнее время побеждает тенденция, что фавикон особой роли не играет

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

Написать отзыв

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: