Рубрики
Полезности

Как поставить свою 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      Добавить комментарий для zonac Отменить ответ

      Ваш адрес email не будет опубликован. Обязательные поля помечены *