Favicon — что это такое, как создать фавикон и установить на свой сайт, онлайн-генераторы иконок

9 Март, 2010

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Разговор в сегодняшней статье пойдет о, так называемых, иконках Favicon.ico. Мы разберемся, что такое фавикон, почему в обязательном порядке его нужно устанавливать на своем сайте и как самому создать иконку нужного размера.

Чуть ранее я уже писал про иконки для сайта и упомянутые там сервисы можно использовать для поиска подходящих вариантов Favicon.ico, но есть и специальные онлайн-генераторов (favicon generator), как отечественные, так и зарубежные, а так же специализированные коллекции и галереи с подходящими по размеру фавиконами. Ну, и естественно, мы поговорим о том, как настроить и подключить их к своему сайту.


Что такое Фавикон и зачем он нужен для сайта


По сути Favicon — это обычный значок (изображение небольшого размера 16 на 16 пикселей, иконка). Но для владельца сайта он может очень много значить. Однако, обо всем по порядку.

Само по себе название «фавикон» произошло от английского словосочетания FAVorites ICON, означающего — иконка для «Избранного» (так называются закладки в браузере Internet Explorer). Зачем она нужна? Ну, очевидно, что так гораздо проще отыскивать взглядом нужную вам закладку, ибо легче искать знакомый значок, чем читать названия сайтов.

Пример отображение фавикона в браузере

Раньше картинку Favicon вы могли видеть в адресной строке браузеров, перед URL-адресом открытой страницы (в моем IE9 так до сих пор и осталось), но после того, как все браузеры стали поддерживать вкладки, то данный значок мигрировал как раз на эти самые вкладки. Зато, когда их открыто очень много, то именно фавиконы позволяют понять какая вкладка какому сайту соответствует:

Фавикон для сайтов

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

Favicon в закладках браузера

А так же, что не маловажно, поисковая система Яндекс отображает Favicon в своей выдаче (результатах поиска) для каждого ресурса, если у него этот значок будет иметься (был добавлен и правильно настроен владельцем сайта, а робот Яндекса успел уже его проиндексировать).

Отображения фавикона в выдаче поисковой системы Яндекс

У Яндекса имеется специальный бот для индексации фавиконов под названием YandexFavicons (у них даже апдейты бывают, после которых и имеет смысл проверять наличие нового и обновленного Favicon.ico рядом с вашим сайтом в выдаче), в задачу которого входит сбор и обновление иконок для всех сайтов. Робот Яндекса, специализирующийся на их индексации, посещает сайты с периодичностью от нескольких дней до одного месяца (апы, соответственно, очень редкие получаются).

Поэтому не стоит ждать того, что недавно созданная в online generator или сделанная самостоятельно фавиконка сразу же появится в поисковой выдаче Яндекса рядом с описанием вашего ресурса. Должно будет пройти какое-то время. Яндекс, после того как найдет Favicon.ico у вас на сервере, преобразует ее в формат PNG (из графического формата ICO) и с этого момента фавикон вашего сайта будет доступен по адресу:

http://favicon.yandex.net/favicon/ktonanovenkogo.ru

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

Если у вашего проекта Favicon еще не настроен, то самое время задуматься о его создании и установке, т.к. это позволит вам привлекать большее количество посетителей с страниц Яндекса (из поисковой выдачи), ибо рядом с адресом вашего проекта будет красоваться эта иконка, побуждая пользователей выбрать вас, а не соседа по выдаче).

В принципе, Favicon.ico нужного размера вы можете сделать и сами, но так же у вас будет возможность создать его с помощью онлайн генераторов (из загруженных вами картинок) или же просто скачать целиком их online коллекцию или галерею.

Важно, чтобы используемый вами фавикон привлекал внимание, ибо именно это может привести к существенному увеличению количества посетителей, пришедших к вам с поиска. Да и пользователи будут чаще находить ваш сайт среди множества открытых в браузере вкладок или среди сотен закладок.

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

В принципе, чтобы создать favicon вовсе не обязательно использовать какие-либо специальные онлайн генераторы, хотя это довольно удобно и просто. Можно попытаться сделать его в Photoshop, но он по умолчанию, к сожалению, не умеет сохранять изображения в формате ICO. Поэтому для того, чтобы научить Фотошоп работать с ICO, нужно будет установить специальный плагин.

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

Ну, а самый простой вариант — это скачать коллекцию Favicon-ок из какой-нибудь онлайн галереи или каталога. О том, где ими можно будет разжиться, читайте чуть ниже.

Как создать Favicon онлайн и где можно скачать их коллекцию


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

  1. Faviсon.cc — довольно таки удобный онлайн-генератор фавиконов. Используя его вы можете, например, создать свою иконку с нуля (полный эксклюзив), нарисовав ее попиксельно. Для этого вам нужно будет нажать в левой части окна сервиса на кнопку «Create New Favcon».

    Создать фавикон онлайн

    В центре страницы генератора расположена область, где каждый квадратик является пикселем вашей будущей фавиконки. Ваша задача состоит в закрашивании разными цветами этих квадратиков. Для закрашивания одного квадратика цветом, нужно поставить галочку в правой части окна сервиса в поле «Color Picker», выбрать на расположенной там же палитре нужный цвет и щелкнуть по нужному квадратику. Для удаления неправильной закраски поставьте галочку в поле «transparent» и щелкните по квадратику, в результате чего он станет бесцветным (прозрачным).

    Для перемещения пиксела по холсту генератора вам нужно будет поставить галочку в поле «move». Результат своих трудов в реальном масштабе вы сможете наблюдать в области «Preview» под холстом. Если созданный вами Фавикон вам подходит, то нажмите на кнопку «Download» для его сохранения к себе на компьютер. В результате вы получите графический файл, который сможете затем скачать и загрузить на сервер хостинга.

    Теперь вы знаете, как сделать мини-логотип для своего с нуля. Но если вы графическими талантами не обладаете, то можете на сервис онлайн генератора уже загрузить любую картинку для будущего фавикона, которое будет служить болванкой. Картинка может быть абсолютно любого размера и формата. Для загрузки файла значка на онлайн сервис вам нужно будет нажать в левой части окна сервиса на кнопку «Import Image».

    В открывшемся окне, нажав на кнопку «Обзор», найдите на своем компьютере подходящее изображение. Затем выберите, что делать с соотношением сторон вашей картинки при преобразовании его в формат 16 на 16 (квадрат). Это актуально, если загружаемое вами изображение не квадратное. В этом случае возможны два варианта: оставить соотношение сторон неизменным (Keep dimensions), либо преобразовать картинку к квадратному виду (Shrink to square icon). Во втором случае изображение будущей фавиконки будет искажено по одной из осей.

    Для загрузки в online generator и преобразования вашей картинки нужно будет нажать на кнопку «Upload». Созданная из него Favicon.ico будет доступна к редактированию точно так же, как и нарисованная вами. Когда закончите колдовать над шедевром, то нажмите на кнопку «Download» для того, чтобы скачать его к себе на компьютер.

    На этом онлайн сервисе так же имеется возможность использовать коллекции фавиконов, созданных другими его пользователями и выложенные в общий доступ. Для того, чтобы посмотреть имеющиеся в галереи экспонаты, вам нужно будет нажать в левой части окна либо на кнопку «Latest Favicons» для просмотра коллекций отсортированных по дате создания, либо на кнопку «Top Rated Favicons» для просмотра галерей отсортированных по рейтингу.
  2. Favicon.ru — когда-то этот сервис был значительно проще описанного выше онлайн генератора, но последнее время он стал практически его аналогом, но только на русском языке. Favicon.ru позволяет не только преобразовывать любое имеющееся у вас изображение (на компьютере или в интернете) в формат ICO с размером 16 на 16 пикселей, но и дает возможность нарисовать его с нуля попиксельно.

    Создать фавикон онлайн

    Этот вариант online favicon generator примечателен, пожалуй, только тем, что он отечественный. Поэтому он и попал в эту статью. Итак, для работы с ним вам нужно на главной странице вверху нажать на кнопку «Выберите файл» и указать путь до нужного изображения на вашем компьютере. Загруженное и преобразованное в формат Favicon.ico изображение можно будет подкорректировать, а затем сохранить к себе на компьютер. Все просто и удобно.

  3. Logaster — это онлайн генератор логотипов, но помимо логотипов он еще создает и фавикон. В отличии от всех других сервисов, вам не нужно рисовать дизайн фавикона или конвертировать ее с логотипа.

    Онлайн генератор логотипов для создания фавиконов

    Для того, чтобы создать фавикон, сначала необходимо ввести название сайта или компании и выбрать вид деятельности. Сервис предложит готовые к использованию несколько десятков шаблонов фавикона. Более подробно, как создать фавикон можно прочитать здесь. После создания Favicon.ico, вы можете скачать файл к себе на компьютер в формате ICO или PNG.

После этого вам только остается нажать на кнопку «Создать». На открывшейся странице вы увидите ссылку для скачивания получившейся фавиконки.

Подборка онлайн генераторов, коллекции и галереи фавиконок

Если вам по каким-либо причинам не понравились описанные выше favicon generator, то могу вам предложить попытать счастье на одном из следующих бесплатных онлайн-сервисов:

  1. FaviconGenerator — позволяет преобразовать в нужный формат фавикона любое загруженное с вашего компьютера изображение (загружать можно картинки в формате PNG, JPEG, JPG, GIF).
  2. AntiFavicon — достаточно интересный Favicon Generator. На нем вы можете создать фавикон с надписью. Текст надписи вам нужно будет ввести в поля «Top text» и «Bottom tex», а цветовую гамму — настроить в области «Colors».
  3. FavIcon from Pics — еще один простой онлайн сервис — указываете путь до картинки на своем компьютере, преобразуете и скачиваете результирующий файл в формате ICO и GIF.
  4. Iconj — примечательно то, то созданную иконку вы можете либо скачать, либо оставить на сервисе и получить на этот файл ссылку
  5. DeGraeve — достаточно мощный Favicon Generator, по функционалу похож на рассмотренный ранее Faviсon.cc. Здесь тоже можно сделать все либо с нуля, либо загрузить изображение, которое в последствии можно подкорректировать и скачать уже в формате ICO подходящего размера.
  6. Generator — позволяет как генерировать фавикон из загруженного изображения, так и создать ее с нуля в специальном редакторе.
  7. Онлайн редактор иконок favicon.ico — ну, как бы, все при нем — и создание фавиконов с нуля, и доработка уже имеющегося изображения.
  8. Free Favicon Generator — на случай, если ничего из вышеозначенного списка вас не устроит
  9. Фавикон-генератор — простенько и со вкусом

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

Но нужно помнить, что фавикон прежде всего должен привлекать внимание пользователей. В идеале, пользователь должен будет узнавать ваш сайт по одному лишь взгляду на Favicon, поэтому лучше, если он будет уникальный, но можно будет так же и поискать что-нибудь не заезженное в закромах интернета.

Если у вас нет желания или возможности (вы не художник и ни когда им не были), то проще всего будет попробовать поискать в галереях с коллекциями бесплатных фавиконов:

  1. Галерея иконок для сайта favicon.ico — более чем 15000 мини-логотипов для вашего сайта на любой вкус и цвет
  2. Iconj — достаточно большая коллекция значков, разработанных другими людьми и выложенных в общий доступ
  3. Favicon.cc — 55 тысяч различных вариантов на все случаи жизни. Имеются так же анимированные фавиконы, которые, правда, будут видны только в браузере FireFox
  4. The Favicon Gallery — еще чутка подходящих по размеру иконочек

Если вы знаете еще какие-то подобные ресурсы, то я добавлю ваши ссылки в этот список.

Как установить Favicon на сайт и прописать путь до него


Ваш браузер и поисковый робот Яндекса будут искать фавикон прежде всего в корневой папке вашего сайта. Поэтому можно просто подключиться к сайту по FTP и загрузить в его корневую директорию (обычно это папки public_htm или htdocs) ваш файлик Favicon.ico (лучше его название писать с маленькой буквы). Откройте теперь ваш ресурс в каком-нибудь браузере и посмотрите, не поменялась ли пиктограмма на вкладке. Поменялась? Нет, ну, ничего страшного.

Если поставить фавикон таким образом у вас не получилось, то возможно вам придется очистить кэш вашего браузера, т.к. часто бывает, что из кэша загружается старая версия. Можете попробовать открыть ваш сайт в FireFox, у меня он лучше всего реагирует на проводимые изменения без очистки кэша. Если дело не в кэше браузера, то это значит, что для вашего сайта задано другое место для favicon, отличное от корневой папки. Как это проверить?

Откройте исходный код любой страницы вашего сайта. Чтобы посмотреть ее исходный код достаточно будет щелкнуть по странице правой кнопкой мыши и выбрать пункт соответствующий пункт контекстного меню (например, «Исходный код» в старой Opera, либо «Исходный код страницы» в Мазила Фаерфокс, либо «Просмотр кода страницы» в Google Chrome, либо «Просмотр HTML-кода» в IE). Теперь поищите в верхней части кода страницы строку, задающую путь до favicon.ico.

Она может выглядеть примерно так:

Как узнать путь до Favicon.ico на вашем сайте

<link rel="shortcut icon" type="image/ico" href="http:путь_до_вашей_иконки/favicon.ico" />

Так же возможен и такой вариант задания служебной гиперссылки link:

<link rel="icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon">

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

В Joomla Favicon обычно живет в папке с используемым вами шаблоном (путь до нее в Joomla 1.5 прописывался в файле index.php из каталога этого же шаблона, но в Joomla 3 все стало несколько сложнее). Т.е. для смены фавикона в Джумле достаточно будет пройти по этому пути и залить туда свой файлик favicon.ico, а на вопрос о замене ответить утвердительно.:

/templates/папка_с_используемым_шаблоном_оформления/favicon.ico

Файлик favicon в WordPress по умолчанию тоже может лежать в папке с используемой вами темой (там же и задается путь до него):

/wp-content/themes/Папка_с_используемой_вами_темой_оформления/favicon.ico

В общем, если хотите задать или поменять путь до вашего фавикона, который бы поняли и браузеры, и поисковый робот Яндекса, то вам нужно будет прописать в соответствующем файле шаблона Joomla, WordPress или любого другого движка, между открывающим и закрывающим тегами HEAD, следующие строчки кода:

<link rel="shortcut icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon" />

В каком именно файле шаблона нужно прописать эти строки — зависит от движка вашего сайта. Например, в в WordPress, вам нужно открыть на редактирование файл header.php из папки с используемой вами темой оформления: wp-content/themes/Папка_с_вашей_темой_оформления. Открываете header.php в редакторе и в самом его начале находите открывающий Html тег HEAD и в любом месте за ним, но до закрывающего HEAD прописываете одну из приведенных выше строчек кода с указание пути до вашего графического файла мини-логотипа.

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

   <link rel="shortcut icon" href="/img/favicon.gif" type="image/gif" >
    <link rel="icon" href="/img/favicon.gif" type="image/gif" >

Вот и вся разница между анимированными favicon и обычным. Но следует учесть, что будет работать анимированная иконка только в FireFox, в остальных же браузерах она будет статичной. Яндекс же, при загрузке вашей анимированного фавикона, преобразует его в статичный формат PNG. Но по-моему, овчинка выделки не стоит — устанавливать вместо обычного мини-логотипа для сайта анимированный не имеет особого смысла. Но это только мое ИМХО.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме:

Комментарии и отзывы

Seo Beginner

Фавикон — сила! Особенно, если интересный! Сам хотел написать на данную тему пост

bureaucracy is what wee need

+1 по рекламе. Готов ее читать и кликать даже но чтоб с текстом она не сливалась плз.

Алексей

Очень-очень полезный пост, впрочем как и практически все остальные на сайте. Огромное спасибо за такой полезный ресурс. Постоянно нахожу для себя что-то интересное. На счет слияния рекламы с текстом статей... Когда читаю статью и автоматически начинаю читать рекламу, иногда просто ржу от того, что получается в голове. Раздражаться от этого у меня никак не получается. Если такой вид рекламы себя оправдывает, то очень хорошо. Абсолютно не мешает.

Vendigo

Спасибо за статью. Можете подсказать почему иконка может отображаться в Firefox (у любых пользователей) и не отображаться в IE, и в Яндексе.

Иконку поставил давно, так что Яндекс уже давно должен был бы ее проиндексировать.

Дмитрий

Vendigo: а в каком графическом формате у вас иконка? Firefox единственный из браузеров, понимающий анимированный GIF.

Vendigo

Расширение ico. Давно уж делал с помощью какого то плагина в Фотошопе. Но точно не анимированный GIF.

Дмитрий

Vendigo: попробуйте кинуть копию иконки Favicon в корень сайта, возможно, что проблема в прописанном пути к иконке.

Vendigo

Она лежит вот здесь /wordpress/favicon.ico

А вот код страницы:

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

Странно все это (

Дмитрий

Vendigo: попробуйте все же в корень сайта кинуть иконку Favicon, там браузеры и Яндекс, возможно, найдут ее автоматически.

Юлия

Спасибо автору за статью, очень помогла. Отображался старый фавикон на wordpress — помогло только то, что прописала путь в шаблоне темы header.php

Александ

Спс за статью,очень помогла, сделал фавикон для сайта из подписи!

Андрей

Я как то недооценивал эти фавиконки, но сейчас на всех сайтах обязательно сделаю. Слышал, что если сайт далеко от топа в выдаче Яндекса, то фавиконка не проиндексируется. Так ли это?

Дмитрий

Андрей: не имею точно информации, но думаю вряд ли это так.

happymult

Спасибо за статью, сделала для своего сайта в подписи фавикон))

happymult

а вот проблема

если смотреть главную страницу сайта как — http://happymult.ru/index.php то отображается предыдущий вариант фавикона — синий смайл, а на главной как http://happymult.ru/ и другие разделы мультфильмов показывают новый вариант — розовый пончик...

в чем проблема? 🙁

Дмитрий

happymult: сие, скорей всего, проделки кэша — либо в движке вашего вебсайта, либо в браузере, через который вы смотрите. Очистите кэш и там и там, думаю, что все разрешиться в пользу нового Favicon.

Sergey

Спасибо за полезную информацию 🙂

prazdnik4ucom

спасибо!!! реально помогло. другие варианты с других сайтов не работали.

Олег

А у меня другая проблема возникла.

Через несколько дней отказалась показываться лента RSS трансляции (она пуста).

при анализе выдало, что проблема именно в фав-иконке. когда удалил её и коды, RSS снова заработала

obuchayushiekursy

Дмитрий спасибо за статью

Долго думал над этим вопросом

наткнулся на эту статью и понял что надо уделить время

на всё про всё ушло не более 10-ти минут и фавикон на базе_)

не знаю о чём думал раньше.

Успехов Вам

Дмитрий

Sergey: prazdnik4ucom: obuchayushiekursy: пожалуйста.

Олег: тут, наверное, вкралась какая-то ошибка, но какая именно, сказать трудно. Обычно фавикон на RSS влияния оказывать никакого не должен.

SvetlanaSM

Спасибо огромное, сделала себе иконку на сайт сейчас, правда, немного корявая, в фотошопе лучше смотрелась, потом переделаю))

Елизавета

Спасибо.Как раз что искала.

Константин

Очень интересная и нужная статья. Спасибо.

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

А то если нажать по скаченному файлу — у меня открывается программа Фотошоп. но сохранять — не сохраняет...

Блондинка

Спасибо за полезный блог! Вопрос по фавикону. На сайт, сделанный на Joomla, установить иконку получилось очень легко, просто удалила джумловскую и загрузила свою. С форумом SMF, который сидит в отдельной папке сайта, так не получается. Веб мастер из меня никакой, более того, трогать HTML коды просто боюсь, как бы чего не вышло. ИЗ Вашего объяснения как прописать в коде к форуму и что именно, непонятно. Нельзя ли поподробнее, что именно нужно прописать и где именно в том кусочке кода, который Вы привели? Спасибо заранее.

Lavr

C фавиконами у меня все нормально кроме одного, в результатах поиска яндекса не отображается , а в адресной строке — да.

Подскажите пожалуйста как это исправить.

Сайты у меня на joomla.

Юрий

Спасибо. Тоже буду делать фавикон, а то joomla ругается, что ее родной удалил. Только не могу сообразить, как в фотошоп плагин вставить для сохранения .ico

lavrio

ну что, Приступим! Автор МАЛОДЕЦ! спасибки за статью!

sidash

думал написать статью про фавикон. но увидел Вашу статью, и решил что здесь написано ВСЕ и даже больше!супер))

Лиза

Подскажите пожалуйста. Сайт на Джумла. Шаблон Beez. поменяла фавикон на свой в шаблоне,обрадовалась,когда все получилось. В программном коде ничего не делала. Но вчера попала в Яндексе в ТОП10,а фавикона рядом с выдачей нет. Почему,все же надо в программный код вставлять? очень жду ответа

Дмитрий

Лиза: возможно, что Яндекс еще не проиндексировал ваш фавикон. Вы его видите по такой ссылке:

_http://favicon.yandex.net/favicon/ваш_сайт

karl marks

много интересной информации.спс.У меня такой вопрос:как прикрепить иконку сайта,к письмам моей рассылки?Ну например у mail.ru,vkontakte,yandex?

магазин icq

Скачать легче каталог favicon для сайта)

Ayan

Спасибо большое! Не знал, как прописать favicon на WP, теперь все получилось.

Инна

28 февраля 2011 в 11:23

Большое спасибо за ваши статьи от лица начинающих веб-мастеров. Очень интересный и доступный материал!

У меня к вам вопрос. Я не могу найти путь к иконке на моем сайте woman-happy.ru.

В файле main прописано

Подскажите, пожалуйста.

Наталья

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

Алена

Ух ты ,здорово! Получилось. Спасибо Вам ,Дмитрий )))

ANIEL

Все испробовал , голова дымит,не отображается faviconca, в админ панели работает а так не видно

ANIEL

Не работает ? !

павел

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

В чем может быть засада?

Alex

Для Павла. Убрать засаду можно порывшись в файлах джумла. Найдите текст с кодом логотипа Джумлы и поменяйте на свой. Да не обязательно размер фава ставить 16×16, у мну например 64×64, а то 16 стрёмноватый получался...

Ruslan

У меня он вообще что-то не отображается.

RS-48

Странно я вродибы все правильно делаю, а фавикон не появляется. Может надо немного подождать?

Катерина

Спасибо! Давно хотела сделать фавикон, с помощью этой статьи кажется созрела : ))

Ruslan

На сайте

http://chudoogorod.ru/
иконка получается на белом фоне,хотя делаю на прозрачном фоне

Pola

В знак благодарности за полезный сайт и просто для людей еще одна неплохая ссылка для создания анимированных фавиконов: http://favicon.htmlkit.com/favicon/

ольга.м

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

Антон

Если вы не в курсе, то посмотреть исходный код можно, просто щелкнув правой кнопкой мыши по этой странице в вашем браузере и выбрав пункт контекстного меню «Исходный код» (Opera), либо «Исходный код страницы» (Firefox), либо «Просмотр кода страницы» (Google Chrome), либо «Просмотр HTML-кода» (IE).

— А если Вы не в курсе, то все нормальные люди нажимают для ентого: Ctrl+u

Cергей

Дмитрий спасибо! Все очень интересно и информативно!Сразу забил блог в закладки! Особенно за ссылку на онлайн генератор Favicon.ru

Быстро получил желаемый фавикон. Но хочу поэкспериментировать с картинкой. С уважением Сергей.

Любовь

Замечательная статья. Мне очень помогла. Я установила фавикон, который очень хотела. Спасибо большое!

Ирина

Все поняла, сделала фавикон, скопировала его в корневой каталог. Но он не отображается. 🙁 Может, я не правильно настроила плагин AP Favicon? Или, может, он совсем не нужен? Или нужен другой? Подскажите, пожалуйста!

Александр

Отличная статья! Спасибо.

Алексей

Большое спасибо, решил вопрос с вашей помощью.

Владимир

отличная и доступная статья. спасибо!

Екатерина

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

Ирина

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

Татьяна

Спасибо! Теперь и у моего блога есть иконка!

yozha

у меня вордпресс,

прописала код, захожу с почищенным кэшем — нет иконки 🙁

Михаил

Открыл исходный код и вообще не нашёл строку с кодом фавикона , хотя файл с ним точно находится в корне. Где она может быть ???

Игорь

Спасибо за ценные советы! Всякий раз обращаясь за ними к вашему блогу получаю точную и главное, полностью применимую инфу. Ещё раз спасибо!

qurtvex

Прочитал кучу статей на Вашем блоге, за которые огромное спасибо. Стиль в каком вы пишите будет понятен даже такому новичку как я, а главное все всегда подробно и доходчиво. Спасибо Вам!

Иконку сгенерировал и поставил без проблем!

Денис

О проекте «Кто на новенького» я читал на сторонних ресурсах — серч и т.д.,

но только по вопросу создания «favicon.ico» я непосредственно заглянул сюда.

Мой вопрос освещен добротно, т.е. у меня закрепилась положительная оценка проекта.

Автору так держать!

Григорий

Спасибо всё просто и понятно я вас в закладки добавлю спасибо вам буду приходить ещо к вам

Владимир Акулов

Спасибо! Хороший сайт. Читаю Вас регулярно.

Алексей

А не слышали ли вы чего-нибудь про ошибку 404 — /apple-touch-icon-precomposed.png. Это иконка для мобильников под управлением apple. У меня на блоге стало расти количество ошибок, которых раньше не было Может у Вас есть мысли борьбы с этой проблемой?

Александр

Я конечно новичок и если что вы меня поправите, но когда я изменил в кодах

x-icon на формат ico то иконка стала грузиться быстрее. Или можно иконку поставить через плагин Easy Favicons

Анатолий

Добрый день!

Спасибо за блог. Полезно и понятно.

Вчера сделал наконец-то фавикон. В Гугл Хром и Опере — нормально. В Мозилле и в Эксплорере — нету. В чём может быть причина? И насколько это актуально?

Александр

Благодарю Дмитрий. Дельная статья. Давно собирался свой оригинальный сделать и сделал. http://www.ural-mep.ru а то стандартный джумловский стоял.

DelightFull

Фавикон стоит очень давно, во всех браузерах отображается, но в поиске яндекса нет картинки

Проверяю по ссылке http://favicon.yandex.net/favicon/smallbus58.ucoz.com — пустота.

Очень хочется узнать, что это такое, да и тему эту в обсуждениях поднимали не раз, может кто-то нашел решение???

Svyatoslav Lee

К старому разговору: по запросу «wp фавикон» «Ктонановенького» в поисковой выдаче второй. Чесслово )

Валерия

Здравствуйте, Дмитрий! Большое спасибо за статью. У меня вот какая проблема — фавиконка создана месяц назад, браузер (у меня яндекс.браузер, но и эксплорер также) отображает фавикон, а вот поисковики — нет. Вроде бы времени то много уже прошло. Захожу в панель управления спринхоста, далее в файловый менеджер, потом в public.html, потом название моего сайта и там лежит моя иконка в расширении ico.

Подскажите, куда еще ее положить, чтобы яндекс все-таки ее нашел?

Извините, если невнятно изъясняюсь, я в этом деле новичок 🙂

Дмитрий

Валерия: Здравствуйте! Скорее всего, он ее уже благополучно нашел, но вот в выдаче иконка появится только после очередного апдейт фавиконов в Яндексе. Происходит он не так часто, как обычный апдейт выдачи, а где его можно отслеживать смотрите в конце приведенной публикации.

Валерия

Дмитрий, спасибо большое! Получается, фавиконы обновились 28.10, а установила я его 20.10...Значит, не видит? или в следующий апдейт уже?

Дмитрий

Валерия: ну, возможно, что еще на тот момент Яндекс вашу новую иконку не проиндексировал. Попробуйте почитать в той ветке на Серче или поспрошать их старожилов...

Валерия

ага, попробуем! Еще раз благодарю!

Анна

Здравствуйте!

Очень полезная статья! Особенно для тех, кто новичок в деле оформления сайтов.

Пробую установить favicon на сайте (WordPress) после обновления файла ничего не получилось. помогите, пж

Anna

Очень хорошая статья, полезная для тех, кто только собирается ставить фавикон.Я начинающий человек, поэтому у меня возник вопрос.Только сразу прошу меня извинить, если он окажется для вас глупым.Вот «путь к вашей картинке» — это её адрес?Если картинка находится у меня на компьтере, то там есть ссылка на неё, это и есть её путь? Я правильно поняла?Спасибо. Извините за настойчивость и беграмотность в html.

Anna

Здравствуйте! Я всё сделала так, как вы прописали в статье. У меня получилось вот так:

<head profile="http://gmpg.org/xfn/11">
 <link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif"> 
Я обновила файл, но на сайте никаких изменений не произошло. Фавикон должен появиться сразу или ему нужно время? Или я сделала что-то не так? Если вам не трудно, помогите, пожалуйста.Заранее Вам благодарна.

Наталья

Безумно благодарна за Ваши статьи. Много нового узнаю.

Лукашенко

Здравствуйте, у меня была такая же проблема до долгого времени, но я нашел этот сайт http://onlinefavicon.com/~~dobj, которые мне помогли конвертировать PNG файл 16×16 или 32×32 ICO файл, также вы можете увидеть галерею с значками, созданных другими пользователями и скачать то же самое. С инструментом рисования вы можете создать свой собственную иконку. В конце вы читали описание, как настроить значок сайта на ваш сайт.

Подписаться не комментируя