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

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

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.

      Подписаться на RSS Коментарии в RSS 2.0 Trackback.

      Комментарии 38

      • vik says:

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

      • Hiway says:

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

      • VIK says:

        добрый вечер. вроде зделал все как написано.

        с оперой и мазилой все ок.а с IE7 несработало.

        может надо код прописать в другом месте?

        я использую как вы наверно заметили движок DataLife Engine

        я вствил код между в фаил main.tpl и сайт добавляю в избранное но не идет.

        и есче хочу папробовать «Joomla»

        неподскажите хороший хостинг(бесплатный)

        и какой из движков самый популярный.

        заранее спасибо.

      • Hiway says:

        На сегодняшний день Internet Explorer — это единственный браузер, который показывает иконку сайта только если сайт добавлен в «Ибранное» (Закладки), иконка называется favicon.ico и лежит только в корневой папке сервера — обратите внимание именно на то, где лежит ваша иконка!!

        А статью по поводу движков сделаю. Лично я работаю приоритетно с Joomla!, но все зависит от тех задач, которые должен решать сайт. Какие задача нужно решать вам?

        P.S. Кстати, я проверил ваш сайт по поводу вывода favicon — IE-7 реагирует адекватно, IE-6 тоже реагирует но только после добавления в закладки (Если сразу не появится, то зайдите на сайт именно с закладок)

      • vik says:

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

      • Serg says:

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

      • Hiway says:

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

      • CoderZ says:

        Все нормально работет.

        Спосибо больщое!

      • Спасибо за информацию, сделал и себе иконку!!!

      • да хорошая статья ! =)

      • zonac says:

        У меня нестандартный шаблон blogger...

        И ничего не получается с фавиконом.

        Мне мириться или может быть есть какой-то выход?

      • Hiway says:

        Честно говоря, мало чем могу помочь вам, потому как не знаком с принципами работы Bloger :(

        • zonac says:

          В том то и дело, что по моему вся загвоздка в коде шаблона(на других шаблонах всё в порядке)...

      • zonac says:

        Всё одно спасибо)...

      • Владислав says:

        я создал сайт в системе юкоз и возникли затруднения как собственно там поставить favicon?

      • Владислав says:

        не меняется почему-то эта фигня)

      • Владислав says:

        все отмучался) фаирфокс тупило))

        • Hiway says:

          Владислав, У вас сайт на Юкозе... Этим все сказано :) Там нормальные законы не действуют :)

      • Александр says:

        Подскажите пожалуйста в чём проблема. Сайт на Joomla1,5. Там три стандартных шаблона. В стандартных шаблонах иконку я поменять могу, банальным копированием новой иконки в папку с шаблонами. Но вот решил новый шаблон добавить и вот тут и загвоздка. Ставлю новый шаблон. Ту же иконку копирую в папку с шаблоном, а вместо её отображается стандартная иконка от Joomla. Если опять ставлю родной джумловский шаблон, то иконка отображается именно та , которую я закачал. Помогите разобраться

      • hiway says:

        Посмотрите, указан ли в файле index.php шаблона. И на всякий случай продублируйте иконку в трех местах: корень сайта, корень папки с шаблоном, папка images/ в корне сайта.

      • Александр says:

        Короче разобрался. Мало того что надо продублировать корень сайта и папку images, самое главное надо удалить иконку из папки с шаблоном!!!

        Пришёл к этому опытным путём, от безвыходья. К слову в папке с шаблоном иконки не было, шаблон прожекто плаза. Так что вот так

      • Александр says:

        Извиняюсь на наглость, но не удержался, и задам вопрос не в тему. Почему когда правишь в шаблоне текст, там где всякая инфа по поводу — Design by — и всё такое, внизу шаблона, там где копирайт, так вот когда вставляешь русский текст и сохраняешь фал в формате UTF8, русский текст на всех страницах отображается корректно, кроме страницы генерируемой компонентом Контакты. Как мог объяснил, все когда то начинали с нуля. Сори за офтоп.

      • сергей says:

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

      • rastimdetok says:

        Тот же вопрос — вот есть у меня картинка 16×16 в формате исо. Её нужно назвать favicon.ico? И что дальше. зайти в вордпресовский редактор и что делать? Или сначала нужно сохранить картинку в блоге в библиотеке файлов?

      • Дот says:

        Спасибо, буду пробывать

      • Паха says:

        Опешите по подробний пожалуста!!Сделал картинку онлайн,потом прописал код на сайте а картинку надо вставлять?или как делать?

      • Cosmic says:

        Делаю всё так как написано, но абсолютно ничего не получается((В чём может быть причина?

      • Vlad says:

        Ребята, огромное спасибо. Потратил пол часа на разборки почему не отображается мой favicon.ico в joomla шаблоне. Все было банально просто — нужно пихать его не в корень images сайта — а в корень images шаблона который я использовал.

        Респект, ребята!

      • Слава says:

        Спасибо, хоть и за то что я просто заглянул посмотреть как прописываеться ссылка, а то забыл:D

      • xvost32 says:

        Спасибо помогло!

      • Semen says:

        люди а где корень сайта находится?

      • Kraser says:

        Спасибо! И себе поставил.

      • Василий says:

        А можно выложить примерный код,куда и что именно вставлять,то что нужно вставить например:жирным шрифтом.

        • Hiway says:

          Василий так в статье и есть примеры кода и сказано куда ставить

          К сайту иконка подвязывается прописанием в коде документа между тегами следующего кода:

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

      • Спасибо, уже воспользовалась. Вписала в header код — все заработало.

      • Зураб says:

        Большое спосибо

      • Василий says:

        Спасибо,еще можно сделать так:Залить favicon в корен,ввести «ссылка на ваш сайт/favicon.ico» высветиться стандартная,после обновить страницу,и все готово.

      • Роман says:

        Объясняю популярно, создали иконку и залить ее нужно, конкретно для WorldPress, через программу FileZilla в папку public_html которая лежит в папке вашего сайта. Если не понятно зазодите ко мне на сайт я объсню популярнее.

      Leave a Reply

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