Как сделать иконку сайта (favicon)

Опубликовано: 10.03.2008

Проще всего поступить следующим образом: создать при помощи СПЕЦИАЛЬНОЙ программы значок размером 16х16, назвать его favicon.ico и поместить в корневую директорию сайта (т.е. чтобы она находилась по адресу http://ваш-сайт/favicon.ico). Однако это будет работать не во всех браузерах. Тогда в коде страниц между тэгами <head></head> нужно написать следующее: <link rel=”shortcut icon” href=”адрес иконки” type=”image/x-icon”> . В этом случае файл иконки можно назвать любым именем и располагаться он может по любому адресу URL (даже на другом сервере).

P.S. статья со старого сайта.

Комментариев — 9 »

  1. Сергей 10.10.2010 в 11:35

    ни как не мог вспомнить как favicon сделать для сайта, спасибо помогло напомнить. =)

  2. krendelman 17.12.2010 в 12:17

    обязательно делать его 16х16? видел у секурных соединений вытянутые фавайконы. надо будет сделать для сайта, так выглядит солидней :-D

  3. Sergey 22.08.2011 в 17:17

    Спасибо ! =) вот я и нашел в данной статье то что искал .
    Сегодня утановил тоже иконку на свой сайт.

  4. flexey 25.10.2011 в 19:46

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

  5. Sorokin Vladimir 19.11.2011 в 22:30

    Хочу добавить. Вот такая подборка гарантированно выдает иконку во всех браузерах от ИЕ-6, до последних Опер с Фоксами.

    Но! Некоторые браузеры отображают иконку только тогда, когда сайт в закладках.

  6. Sorokin Vladimir 19.11.2011 в 22:34

    link rel=”icon” href=”\favicon.ico” type=”image/x-icon”
    link rel=”shortcut icon” href=”\favicon.ico” type=”image/x-icon”
    link rel=”shortcut icon” href=”favicon.ico”

  7. Sorokin Vladimir 19.11.2011 в 22:36

    Почему то не пропустило теги, пришлось обрезать «открытие»-«закрытие»

Оставьте комментарий к посту ”Как сделать иконку сайта (favicon)”

Разрешено использовать тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Трекбеки и пингбеки

Ключевые слова:
AdSense google page rank Sape SEO WordPress Блог Сапа Софт Яндекс акция ап апдейт бесплатно дизайн домен запросы индекс цитирования интернет интернет-магазин комментарии компьютер конкурс продвижение реклама сайт спам ссылки тИЦ эстафета