Favicon для сайта

Меня часто спрашивают «Как сделать так, что бы в браузере возле адреса сайта стояла моя картинка — мини-лого сайта?».

Такая «картинка» называется favicon от английского favorites icon . Что бы добавить такую иконку (пиктограмму), нужно :

1. Создать мини-картинку (icon) с именем favicon.ico

Что бы создать картинку можно воспользоваться услугой http://www.graphicsguru.com/favicon.php , позволяющей преобразить любое изображение в favicon .

create_favicon

Для создания favicon выбираем картинку на вашем жестком диске , нажатием кнопки Browse или задаем путь к картинке , на находящейся на каком либо сайте, в поле Online Image. Нажимаем на кнопку Generate .

Откроется страница похожая на предыдущую. Найдите на ней :

Скачать favicon

И нажмите на ссылку Download и сохраните вашу favicon.ico.

2. Закачать ее в корневую директорию вашего сайта

3. Добавить в HTML код вашего сайта ( шаблона), в после <HEAD> следующую строчку :

<link rel=»shortcut icon» href=»/favicon.ico»>

Работа сделана.

10 комментариев to “Favicon для сайта”

  1. Cаша, я правильно понимаю, что значок можно сделать любой?
    Даже из фото на моем жестком диске я смогу сгенерить маленький значок и он будет эмблемой сайта?

      (Цитировать)

  2. avatar admin:

    Да, это может быть любое фото, только не забудь что «значек» будет квадратным. Поэтому ,желательно , что бы исходное изображение тоже было квадравным.

      (Цитировать)

  3. avatar Marina:

    Подскажите, почему файл может не загружаться на сервер?
    отправляю его в папку images нужного мне шаблона, при этом в названии просто добавляю цифру2, чтобы и предыдущее изображение осталось, т.к. не знаю, может ещё пригодится, а он мне пишет о критической ошибки при передачи.
    закачивала через файл зилу, но и пробовала прям на сервер — не выходит
    в чем может быть причина?
    помогите!

      (Цитировать)

  4. avatar Marina:

    возможно дело в праве доступа к записи этого файла

    я попыталась изменить права доступа на 666, он не выполняет(

      (Цитировать)

  5. avatar Marina:

    я так понимаю, что доступа к изменению просто нет в этом шаблоне.
    я перезаписала картинки и переустановила шаблон — вроде получилось.

    но у меня появился другой вопрос по поводу фавикона- в опере он отображается (тот что я новый закачала), а в других браузерах проверяю ( в частности в эсплорере и фаерфоксе) — он отображает старый, заложенный в старом шаблоне? как это исправить?
    можно ли вообще?
    может там не в одном месте меняется?

      (Цитировать)

  6. avatar Алекс:

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

    Может быть несколько причин. Может просто надо почистить кеш браузера.

    Марина, ты новый айкон закачала по верх старого? Можешь прислать ссылку на сайт?

      (Цитировать)

  7. avatar Марина:

    http://mk-irina.ru/ — вот этот сайт.
    правда, значок теперь в двух браузерах отображается, а в одном по-прежнему старый, только не помню в каком.

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

      (Цитировать)

  8. avatar Marina:

    сайт вот: http://mk-irina.ru/index.php
    щас проверила во всех трех браузерах, вроде стал фавикон мой высвечиваться!

    где чистится кеш и в каких случаях это надо делать?

      (Цитировать)

  9. Добрый день помогите пожалуйста сделал все как описано но иконка не появляется что это может быть. СПАСИБО iMART.BIZ

      (Цитировать)

  10. avatar Алекс:

    Добрый день помогите пожалуйста сделал все как описано но иконка не появляется что это может быть. СПАСИБО iMART.BIZ  

    Я заходил на твок сайт. Иконка видна. Попробуй почистить кэш браузера

      (Цитировать)

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