Вебмастеру посвящается…

web-мастер - это тот, кто принимает решения…

Публикация

Как поставить свою favicon.ico на сайт. Ответ на вопрос читателя

3 апреля 2008
В рубриках: Полезности

Итак, вопрос:

vik wrote:
я хотел бы узнать как поставить лого сайта
перед урлом.у вас это–”W”у маил ру это”@”

И собственно ответ:

Favicon («избр. значок»; этот термин образован от слова «Favorites», обозначающего меню избранных ссылок в Internet Explorer) — это небольшая картинка, которая отображается рядом с названием вашего сайта в «Избранном», или в «Закладках», и рядом с адресом вашего сайта в адресной строке браузера вместо стандартной.

Обычно используется изображение размера 16?16 пикселов формата ICO. Традиционно помещается в корень сайта под именем favicon.ico, так как исторически сложилось, что там его ищет Internet Explorer. Все современные браузеры понимают явное указание положения значка в HTML-коде и могут использовать вместо формата ICO формат PNG, GIF, BMP и других.

Путь к файлу, его формат и размеры изображения могут быть любыми, допустимыми для WWW (за исключением Internet Explorer, который допускает для значка только формат ICO, «лежащего» в корне сервера).

На сегодняшний день Internet Explorer — это единственный браузер, который показывает иконку сайта только если сайт добавлен в «Ибранное» (Закладки), иконка называется favicon.ico и лежит только в корневой папке сервера, но в последующих версиях разработчики обещают это исправить. К сайту иконка подвязывается прописанием в коде документа между тегами <head></head> следующего кода:

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

Если, например, вы используете WordPerss, то этот код нужно разместить между тегами <head></head> в файле темы header.php.

Для того чтобы создать иконку для сайта можно воспользоваться несколькими способами:

    1. Использовать специальные программы Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop.
    2. Использовать специальный плагин для Photoshop, например - IconBuilder-XP100
    3. Использовать онлайн ресурсы для создания favicon. Например - http://favicon.ru/

      Делаем favicon онлайн

      Сайт Favicon.ru полностью посвящен иконкам сайта favicon.ico. Сайт содержит форму, позволяющую загрузить собственную картинку размером не более 300 Кб для создания иконки. В этой форме предусмотрена возможность поставить галочки для добавления в favicon.ico значков 32х32 и 48х48 для десктопа.

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

      В принципе, думаю что вопрос раскрыт более-менее полно. Если вы считаете, что вопрос раскрыт недостаточно полно, то напишите, что еще вам нужно знать (или добавте что знаете вы) о favicon.

      8 пользователя прокомментировали «Как поставить свою favicon.ico на сайт. Ответ на вопрос читателя»

      1. vik (5 comments) пишет:

        большое спасибо.вечером буду пробовать

      2. Hiway (71 comments) пишет:

        Не за что, всегда рад помочь. В принципе именно для этого и задумывался ресурс.

      3. VIK (5 comments) пишет:

        добрый вечер. вроде зделал все как написано.
        с оперой и мазилой все ок.а с IE7 несработало.
        может надо код прописать в другом месте?
        я использую как вы наверно заметили движок DataLife Engine
        я вствил код между в фаил main.tpl и сайт добавляю в избранное но не идет.
        и есче хочу папробовать “Joomla”
        неподскажите хороший хостинг(бесплатный)
        и какой из движков самый популярный.
        заранее спасибо.

      4. Hiway (71 comments) пишет:

        На сегодняшний день Internet Explorer — это единственный браузер, который показывает иконку сайта только если сайт добавлен в «Ибранное» (Закладки), иконка называется favicon.ico и лежит только в корневой папке сервера - обратите внимание именно на то, где лежит ваша иконка!!
        А статью по поводу движков сделаю. Лично я работаю приоритетно с Joomla!, но все зависит от тех задач, которые должен решать сайт. Какие задача нужно решать вам?
        P.S. Кстати, я проверил ваш сайт по поводу вывода favicon - IE-7 реагирует адекватно, IE-6 тоже реагирует но только после добавления в закладки (Если сразу не появится, то зайдите на сайт именно с закладок)

      5. vik (5 comments) пишет:

        сайт добавлен в Ибранное. favicon.ico в корневой папке сервера

      6. Serg (1 comments) пишет:

        Таже фигня, в ие7 иконка не показывается

      7. Hiway (71 comments) пишет:

        Могу сказать только одно. Обратите внимание еще и на ваш движек. Например, если сайт стоит на Joomla 1.0.x то иконка должна быть в корне папки с шаблоном а не самого сайта. Тоесть надо обратить внимание на то, как обрабатывает запросы и что сервер и что получает браузер

      8. CoderZ (1 comments) пишет:

        Все нормально работет.
        Спосибо больщое!

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

      XHTML: Вы можете использовать эти тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

      
      Ссылки в комментариях будут свободны от nofollow.

      Уважаемые гости!

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

      Что я хочу взамен? Такое же упоминание о моем блоге на страницах вашего ресурса.

      Стучите: 367100773 – решим вопрос.

      Кнопка для спаммеров!!!

      Спамер, иди на хуй!