Порадуй свой блог иконкой

Сегодня подумала, что же это мой блог выглядит безлико и не имеет favicon‘а. Для тех, кто не знает, что такое favicon, приведу определение из Википедии:

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного») — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в табах и в других элементах интерфейса.

Для наглядности, покажу, что имеется ввиду. Вот каким был мой блог (кликайте на картинку, если хотите увидеть её увеличенной):

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

  • Для этого нужно зайти на генератор favicon’ов. Чтобы Вы не утруждались его поиском, приведу ссылку на один из таких генераторов: DynamicDrive.
  • В открывшемся окне Вам следует нажать кнопку “Обзор”, связанную с полем “Image to create icon from” и выбрать файл, который станет Вашей иконкой. Можно вводить файлы следующих форматов: gif, jpg, png, и bmp.
  • После выбора нужного файла, смело жмите кнопку “Create icon” и Вы увидите как будет выглядеть Ваша иконка в браузере.
  • Следующим шагом нажмите кнопку “Download FavIcon” и выберите место, куда Вы хотите сохранить иконку на Вашем компьютере. Файл сохранится с именем favicon.ico
  • Ну что же, теперь самое время закачать полученный значок (favicon.ico) на сервер, где размещен Ваш блог. (Осталось совсем чуть-чуть :-) )
  • Последним действием нам нужно изменить HEAD секцию страницы, на которой будет размещен favicon. В моем случае я меняю файл header.php, который хранится на сервере в /<blog>/wp-content/themes/default/ (Здесь <blog> - имя корневого каталога Вашего блога.). Добавьте внутрь файла строку:
    <link rel=”shortcut icon” href=”/favicon.ico”/> и сохраните изменения.

Ну вот и финишная черта, смотрим что получилось в результате:

Лепота :-) Вам нравится? Надеюсь кому-то эта информация поможет :-) А есть ли у Вашего блога favicon? ;-)

А вот блоги которые уже обзавелись иконкой: Webclubnicka, Женя Кузьмин, Sribna, Александр Алпатов, AlexNote, Miranda, Дима Шайтор, Kalapunga, Дмитрий Поляков, Zodios, Made in BY, fc-spartac, Какунина Таня и многие другие :-)

p.s. Желаю всем прекрасного последнего дня этой рабочей недели - выходные уже близко!

ПОЛЕЗНАЯ ИНФОРМАЦИЯ: Как очистить кеш браузера Firefox

RSS feed | Trackback URI

Комментарии (72) »

Comment от hoster_13
2008-11-21 08:37:49

Поздравляю! Симпатичный фавикон:)

Comment от Ira Sribna
2008-11-21 10:35:56

спасибо :-)

 
 
Comment от twiceal
2008-11-21 11:01:09

Как и вопрос выбора чего-либо, так и тут: а что отображает именно мой блог? Что лучше подойдет?

Ира с этим разобралась, молодец. Если мир дикий, то и лошади в нем дикие :)

Comment от Ira Sribna
2008-11-21 11:39:24

да, думаю иконку выбрать не так уж просто, в моём случае всё было просто :-)

 
 
Comment от Алексей
2008-11-21 11:27:14

А я не вижу твой favicon почему-то. Но вообще статья полезная, надо бы и себе такую штуку сделать

Comment от Ira Sribna
2008-11-21 11:38:55

а каким браузером ты смотришь? Если IE, то там могут быть глюки. смотри firefox’ом :-)

Comment от Алексей
2008-11-21 14:31:50

смотрел тремя, ни в одном нет

(Comments wont nest below this level)
 
 
Comment от kalapunga
2008-11-21 11:49:31

опера показывает 100%

 
 
Comment от kalapunga
2008-11-21 11:48:57

я сам себе в фотошопе соорудил иконку…

жалко, что видно ее только в опере, в остальных браузерах вроде не отображает, ну в IE точно нет

 
Comment от Snowcore
2008-11-21 11:48:57

У меня Firefox 3, но я тоже не вижу никакого favicona :(

 
Comment от hoster_13
2008-11-21 12:07:48

В опере вс

 
Comment от hoster_13
2008-11-21 12:08:44

Упс, что-то с комментом.
В опере всё отлично отображается!

 
Comment от Yuriy Drozdov
2008-11-21 12:30:10

У меня тоже все видно и в ИЕ 7 и в ФФ 2

Comment от twiceal
2008-11-21 16:26:42

И в MyIE все отлично видно! Может, не все смотрят куда надо :)

 
 
Comment от seregin
2008-11-21 13:48:51

на старом домене был фавикон, а сейчас все как-то лень поставить, но раз такое дело, то наверно все таки сделаю это :)

Comment от Ira Sribna
2008-11-21 14:12:29

и правильно! :-)

 
 
Comment от AlexNote
2008-11-21 13:53:58

Свою иконку я несколько раз менял, вместе со сменой дизайна. Сейчас, когда дизайн окончательный, икона самая лучшая, из тех, что были. Вписывается в дизайн.
Фав полезная вещь. Такая же индивидуальная, как дизайн. Должна запоминатся, быстро выхватываться из списка ссылок. Переходы на ресурс косвенно и от фавикона зависят. Логотип в миниатюре=)
Лошадь у тебя хоршо получилась. Обычно иконку из изображения сложно сделать.

Comment от Ira Sribna
2008-11-21 14:13:56

да иконка подчеркивает индивидуальность и сразу выделяет блог из кучи закладок. Спасибо за комплимент :-)

 
 
Comment от NomadUA
2008-11-21 17:10:58

Классная штуковина :) спасибо. Лошадку Вашу, кстати, и в ИЕ вижу и в ФФ и в Фиддемоне.

Comment от Ira Sribna
2008-11-21 18:31:52

не за что, надеюсь у Вас тоже скоро иконка появится :-)

 
 
Comment от AlexNote
2008-11-21 17:32:53

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

Comment от Алексей
2008-11-21 18:13:55

Да видимо так и есть, теперь и у меня отображает.

Comment от Ira Sribna
2008-11-21 18:32:14

ура! наконец-то! :-)

(Comments wont nest below this level)
 
 
 
Comment от fc-spartac
2008-11-21 19:01:40

Здорово)
Поздравляю)Симпатичный favicon) ;)

Comment от Ira Sribna
2008-11-24 10:56:20

спасибо! :-)

 
 
Comment от Иджи
2008-11-21 19:37:22

Ира, спасибо за ценую инфу!!!

Comment от Иджи
2008-11-21 19:38:18

ценную

 
 
Comment от AlexNote
2008-11-21 19:39:02

Зато уведомления о новых ответах не приходят. И тут уж кеш никаким боком не замешан=)

Comment от Ira Sribna
2008-11-24 10:56:59

да странно как-то, пока не пойму в чем дело

 
 
Comment от Zodios
2008-11-21 22:30:08

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

Comment от Ira Sribna
2008-11-24 10:57:20

согласна на все 100 :)

 
 
Comment от Сергей М. Subscribed to comments via email
2008-11-22 00:25:34

Хорошо генератор справился ). Чуть-чуть нос, то ли из-за тени, то ли из-за деформации сужается и длинне - морского конька мне напоминает. Или это мне уже пора спать :)

Comment от Ira Sribna
2008-11-24 10:57:35

да чем-то похож :-)

 
 
Comment от Дима
2008-11-22 22:19:47

Иконкой обзавелся уже давно. Этот кошара - практически уже как визитная карточка. Более 2 лет использую как аватар. Причем сделал его сам - ни у кого такого нет :)

Кстати, приглашаю автора блога и всех читателей в клуб блогеров http://www.blogupclub.ru. Будем активнее читать друг друга, меняться постовыми да и много чего еще.

Comment от Ira Sribna
2008-11-24 10:58:04

спасибо большое! присоединюсь :)

 
 
Comment от [m.k]
2008-11-23 11:15:43

А я рисую иконки в Image Editor, который в Delphi 7.

Comment от Ira Sribna
2008-11-24 11:34:49

я пошла более простым путём :))

 
 
Comment от WebJunk
2008-11-23 18:49:47

Ого, прямо мануал по замене фавикона :)

Comment от Ira Sribna
2008-11-24 11:35:01

ага :-)

 
 
2008-11-24 09:01:37

Ира, спасибо за ценную инфу. Сегодня вечером покопаюсь, и что-нибудь себе найду и поставлю :-)

Comment от Ira Sribna
2008-11-24 10:58:19

не за что! :)

 
Comment от Ira Sribna
2008-11-27 19:12:19

Ильдар, где же Ваш favicon? :-)

 
 
Comment от Naykoem
2008-11-25 00:21:58

Я раньше парился узнать как же называется эта иконка. А оказывается фавикон.

Comment от Ira Sribna
2008-11-25 00:49:41

Теперь будешь знать :)

 
 
Comment от Hellraiser
2008-11-25 15:45:04

Спасибо, очень интересная и нужная статья. Да и как эти значки называются, я раньше не знал. :)

Comment от Ira Sribna
2008-11-25 17:11:31

не за что, теперь знаешь :-)

 
 
Comment от Hellraiser
2008-11-25 18:12:20

Угу. :)

 
Comment от Владимир
2008-11-25 18:44:00

Привет харьковчанам! ;)
Использование favicon’а важно также в том, что сайт ваш будет лучше замечаться в списке сайтов избранного.

Comment от Ira Sribna
2008-11-26 13:00:57

привет :-) совершенно верно :)

 
Comment от Дима
2008-11-27 02:18:37

И в выдаче Яндекса :)

 
 
Comment от Саша Камаз
2008-11-27 09:29:00

Здрасте! В вашем посте ошибочка! А именно в месте, где вы указываете строку для хедера. Вы скорее всего её взяли на том сайте, Должно быть так:

Т.е. Тег должен быть закрытым - /
Вот таки пироги. Сам сначала допустил такую ошибку=)

Comment от Сергей М.
2008-11-27 12:07:03

Здрасьте! Он и закрыт! Просто перед слешем пробел не стоит.

И, кстати, если документ определен как HTML4, а не XHTML, то закрывать не надо.

А вот то, что на всякий случай надо два тега с полными параметрами - это да.

Comment от Сергей М.
2008-11-27 12:22:17

хем, теги вырезались . Но вот в исходном коде страницы все правило - и shortcut icon, и просто icon.

(Comments wont nest below this level)
 
 
Comment от Ira Sribna
2008-11-27 12:16:22

спасибо, подправила

 
 
Comment от Картонкин
2008-11-28 20:59:47

а я пока не могу определиться с изображением своего фавикон)

Comment от Ira Sribna
2008-11-28 22:26:32

ну если что, его можно сменить :)

 
 
Comment от Zer0CooL Subscribed to comments via email
2008-11-30 13:55:39

Просто на заметку ;-)
Когда сделаете фавикон (или поменяете уже установленный)
в браузере FireFox
фавикон может неотображаться некоторое время (кеш тупит)
Воспользуйтесь к примеру Браузером Google Chrome
и тогда сразу узнаете появился ли фавикон и каков он :-D
а на FireFox не обращайте внимания через время он и там появится.
Enjoy :-D

Comment от Ira Sribna
2008-12-01 00:07:30

Да, совершенно верно, в Firefox’e из-за кэша иконка может отобразиться не сразу, можно к примеру почистить кэш и тогда она появится :)

 
 
Comment от Zer0CooL Subscribed to comments via email
2008-12-01 11:36:15

2 Ira Sribna
Очистить конечно можно =)
прст у мя Portable версия =) и кеша у меня нет как такового вовще !
:-D поэтому приходится малость подождать….
Ну еще конечно есть вариант принудительно в шаблоне прописать фавиконку + в index.php самого пресса и тогда даж кэшем заморачиваться не нуна =)
ну большинству проще кэш нульнуть =)

Comment от Ira Sribna
2008-12-01 12:22:59

не знаю проще ли очистить или нет - думаю некоторые не знают как кэш чистить :)

 
 
Comment от Zer0CooL Subscribed to comments via email
2008-12-01 12:32:17

=))))) ну прямо мысли одинаковые =)) хотел написать потом подумал ну ладно не буду (ато обидятся еще)

 
Comment от Ira Sribna
2008-12-01 12:33:44

для тех кто не знает как его чистить, добавила ссылку в посте. Надеюсь кому-то поможет :-)

 
2008-12-22 09:07:43

Последним действием нам нужно изменить HEAD секцию страницы, на которой будет размещен favicon. В моем случае я меняю файл header.php, который хранится на сервере в //wp-content/themes/default/ (Здесь - имя корневого каталога Вашего блога.). Добавьте внутрь файла строку:
и сохраните изменения.
Ира, сегодня, наконец-то время появилось и решил поставить фавикон. Но вот не понял одного - эту строку где и как добавлять?
Что-то сообразить не могу.

 
2008-12-22 09:15:18

точнее так - внутрь какого файла?

Comment от Ira Sribna
2009-01-13 17:41:02

Ильдар, зайдите на сервер, на котором размещен ваш блог через FTP соединение, там в дереве папок найдите файл header.php, он находится в wp-content/themes/default/

 
 
Comment от Сергей Subscribed to comments via email
2009-01-04 18:58:14

Спасибо! Поменял иконку на своем сайте - http://recabar.blogspot.com/ - стало веселей!

С Новым Годом!

Comment от Ira Sribna
2009-01-13 17:41:51

Сергей, не за что, у Вас симпатичная иконка :)

 
 
Comment от Елена
2009-02-05 12:13:07

Здорово! Ира, спасибо за материал. На ловца и зверь бежит. Как раз на днях думала, а вот хорошо бы и мне потом сделать иконку, только как?… Теперь знаю как. Осталось только время найти. :)

 
Имя (обязательно)
E-mail (required - never shown publicly)
URI
Ваш комментарий (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post