
Друзья, приветствую Вас на моем блоге! Сегодня хочу затронуть очень интересную тему. Вы, конечно, часто видели перед адресом блогов или сайтов в браузере красивую картинку, такая картинка называется фавиконом.
Фавикон (favicon – от англ. favorite icon) — это элемент современного веб-дизайна, своего рода логотип вашего сайта.
Если такая иконка (фавиконка) для сайта не установлена, то по-умолчанию отображается значок браузера.
И если вы сделаете оригинальный фавикон для своего блога, то по этой иконке легко отыскать ваш блог в Закладках, по этой интересной картинке читатели легко запомнят ваш блог.
Вот пример с моего блога:
Из готового изображения сделать favicon легко.Картинку для фавикона можно самостоятельно нарисовать, например, в Фотошопе, или найти подходящую в интернете, текстовую картинку можно сделать с помощью программы создания логотипов http://cooltext.com/.
Подготовленную картинку сделаем иконкой для своего блога, используя программу для создания фавиконов http://favicon.ru/.
Для этого в строке браузера пишем http://favicon.ru/
1. Загружаем программу и дальше, либо выбраем картинку с компьютера, нажав кнопку «Выберите файл» или указываем адрес картинки найденной в интернете.
2. Выбираем нужную картинку и жмем кнопку «Создать favicon.ico».
3. После вставки картинки, можно сразу увидеть, как ваш фавикон будет выглядеть на блоге.
Если иконка нравится, скачиваем ее на свой компьютер -нажимаем на кнопку «Скачать favicon.ico». Файл с иконкой готов. Если надо сделать еще несколько фавиконов, то жмем кнопку «Создать еще одну иконку» и повторяем те же действия.
Совет: Так как размер фавикона очень маленький — 16X16 px, то, для создания своих иконок надо брать или создавать четкие и простые картинки, иначе мелкие детали размываются.
Как загрузить фавикон на блог.
Чтобы установить иконку на блог действуем по инструкции на сайте favicon.ru:
- С помощь FTP клиента скопируем файл с иконкой favicon.ico в корневой каталог вашего блога, чаще всего это папка "public_html".
- Прописываем в файл header.php, в секцию < head > (перед закрывающим тегом </head> ):
<link rel=»shortcut icon» href=»/favicon.ico»>
Строчка с записью «shortcut icon» устанавливает фавикон, который показывает браузер в адресной строке.
Для блогов под управлением WordPress, секция head находится в файле header.php установленной темы.
Вот и все, ваша иконка готова.
Много готовых иконок есть на сайте в интернете:
http://www.iconj.com/gallery.php — каталог фавиконов.
Успешного создания фавикона!
Если понравилась статья, нажмите кнопочки Поделиться в Соц. Сетях.
![]() |
Бизнес в Интернете Профессионально! |