Опубликовано автор в категориях Полезности.

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

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.

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

      1. VIK

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

        Ответить
      2. Hiway

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

        Ответить
      3. Hiway

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

        Ответить
      4. zonac

        У меня нестандартный шаблон blogger…
        И ничего не получается с фавиконом.
        Мне мириться или может быть есть какой-то выход?

        Ответить
      5. Hiway

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

        Ответить
      6. Владислав

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

        Ответить
        • Hiway

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

          Ответить
          • Эридан

            Слушайте,вообщето у меня тоже сайт на юкозе и там всё норм просто надо в файловом менеджере залить favicon.ico и он заменится на залитый,там есть два предустановленях файла favicon.ico и 404.html и обо заменяются при перезаливке!!!

            Ответить
      7. Александр

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

        Ответить
      8. hiway

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

        Ответить
      9. Александр

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

        Ответить
      10. Александр

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

        Ответить
      11. сергей

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

        Ответить
      12. rastimdetok

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

        Ответить
      13. Паха

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

        Ответить
      14. Vlad

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

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

        Ответить
      15. Василий

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

        Ответить
        • Hiway

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

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

          Ответить
      16. Василий

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

        Ответить
      17. Роман

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

        Ответить
      18. Александр

        Ну ты братуха намдрил!С HTML кодом в особенности :).Все проще делается-ставится плагин Easy Icon и в настройках этого плагина можно поставить любую! картинку как иконку сайта.

        Ответить
      19. Владимир

        Спасибо мне помогло даже на UCOZ
        На сайт купил домен и значок пропал долга скал проблему пока не прочитал вашу статью БОЛЬШОЕ СПАСИБО

        Ответить
      20. иван

        Здравствуйте,сохраняю иконку в папку public html она потом удаляется,я думаю что дело в теме,а между head head не получается найти потому что,папка header.PHP — называется после тире еще слово.HELP!!!

        Ответить
      21. Лена

        Здравствуйте, помогите пожалуйста, Не могу вставить фавикон, никак не отображается. Сайты на базе симпла 2.3.6. скопировала фавикон поместила в папку изображения. (favicon.ico) куда здесь вставить не поняла. Заранее благодарю) шаблон index.tpl

        Ответить
        • Hiway

          Лена, я бы посоветовал вам обратится к документации по вашей CMS, так как могут быть свои особенности. Статья написана на общих принципах. И если придерживаться их, то вы можете попробовать:

          1. Положить иконку в корень сайта
          2. Положить иконку в корень темы

          Если же это не помогает, то читайте доки CMS.

          Спасибо, что прочитали мою статью.

          Ответить
        • Артур

          Здравствуйте Елена! У Вас получилось установить фавикон? Если да, то подскажите пожалуйста как это сделать на симпле? За ранее благодарен.

          Ответить

      Trackbacks/Pingbacks

      1.  Favicon для ретина-дисплев | Вебмастеру посвящается...

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

      • (не будет показан)