Favicon для сайта — как создать фавикон в онлайн генераторе, откуда скачать коллекцию или галерею и как установить иконку

9 марта, 2010

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

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

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


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

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

Но сначала для тех, кто не совсем понимает о чем идет речь, поясню что это такое и где его можно увидеть, как сделать самому или создать онлайн и затем поставить на свой сайт.

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

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

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

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

Яндекс, после того как найдет ее у вас на сервере, преобразует ее в формат PNG (из графического формата ICO) и с этого момента фавикон вашего сайта будет доступен по адресу:

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

Вам нужно будет в конце ссылки вместо URL моего блога написать свой.

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

Для начала нужно понять, что из себя должен представлять этот графический файл. По определению он должен быть в формате ICO и при этом его размер должен быть 16 на 16 пикселей.

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

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

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

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


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

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

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

После создания, вы можете скачать фавикон в формате ICO или PNG.

Второй онлайн генератор, который я хочу предложить вашему вниманию — это Faviсoncc. Используя его вы можете создать свою иконку с нуля, нарисовав ее попиксельно. Для этого вам нужно будет нажать в левой части окна сервиса на кнопку «Create New Favcon».

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

Для закрашивания одного квадратика цветом, нужно поставить галочку в правой части окна сервиса в поле «pick existing color», выбрать на расположенной там же палитре нужный цвет и щелкнуть по нужному квадратику. Для удаления неправильной закраски поставьте галочку в поле «transparent» и щелкните по квадратику, в результате чего он станет бесцветным (прозрачным).

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

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

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

Для загрузки своей картинки на онлайн сервис вам нужно будет нажать в левой части окна сервиса на кнопку «Import Image».

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

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

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

На этом онлайн сервисе так же имеется возможность использовать коллекции фавиконов, созданных другими его пользователями и выложенные в общий доступ. Для того, чтобы посмотреть имеющиеся в галереи экспонаты, вам нужно будет нажать в левой части окна либо на кнопку «Latest» для просмотра коллекций отсортированных по дате создания, либо на кнопку «Top Rated» для просмотра галерей отсортированных по рейтингу.

Favicon.ru значительно проще описанного выше онлайн генератора. Русскоязычный вариант позволяет только преобразовывать любое имеющееся у вас изображение (на компьютере или в интернете) в формат ICO с размером 16 на 16 пикселей. Никаких настроек и доработок в этом сервисе сделать нельзя.

Этот онлайн сервис примечателен, пожалуй, только тем, что он отечественный. Поэтому он и попал в эту статью. Итак, для работы с ним вам нужно на главной странице вверху нажать на кнопку «Обзор» и указать путь до нужного изображения на вашем компьютере. Можно также ввести Урл в поле расположенное ниже, в случае, если нужная вам картинка находится не у вас на компьютере, а в интернете.

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

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

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

  1. FaviconGenerator — практически аналог последнего из описанных сервисов, но только зарубежный.
  2. AntiFavicon — достаточно интересный онлайн генератор. На нем вы можете создать иконку с надписью. Текст надписи вам нужно будет ввести в поля «Top text» и «Bottom tex», а цветовую гамму — настроить в области «Colors».
  3. FavIcon from Pics 2.0 — еще один простой онлайн сервис — указываете путь до картинки на своем компьютере, преобразуете и скачиваете результирующий файл в формате ICO и GIF.
  4. GraphicsGuru — указали путь к картинке на своем компьютере, нажали на кнопку «Generate» и получили вашу фавиконку
  5. Iconj — примечательно то, то созданную иконку вы можете либо скачать, либо оставить на сервисе и получить на этот файл ссылку
  6. DeGraeve — достаточно мощный ресурс, по функционалу похож на рассмотренный ранее буржуйский сервис. Здесь тоже можно сделать все либо с нуля, либо загрузить изображение, которое в последствии можно подкорректировать и скачать уже в формате ICO подходящего размера.
  7. Generator — позволяет как генерировать фавикон из загруженного изображения, так и создать ее с нуля в специальном редакторе.
  8. WebScriptLab — ну, и на закуску еще один простенький конструктор

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

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

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

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

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

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


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

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

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

Теперь поищите в верхней части исходного кода строку, задающую путь до favicon.ico. Она будет выглядеть примерно так:

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

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

В Joomla она обычно устанавливается в папку с используемым вами шаблоном, а путь до нее прописан в файле index.php из каталога этого шаблона:

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

Путь до файла favicon для блога на WordPress обычно задается в используемой вами теме:

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

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

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

В каком именно файле шаблона нужно прописать эти строки — зависит от движка вашего сайта.

Для того, чтобы прописать путь до иконки в Joomla, вам нужно будет открыть на редактирование index.php из папки используемого вами шаблона: /templates/Папка_с_шаблоном. В начале index.php вы найдете открывающий и закрывающий теги 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 profile="http://gmpg.org/xfn/11">

В любом месте за ним, но до закрывающего HEAD:

</head>

прописываете те две строчки кода с указание пути до вашего графического файла.

Для того, чтобы прописать путь в SMF, необходимо открыть на редактирование index.template.php из папки используемой вами темы оформления. Если у вас на форуме используется тема по умолчанию (дефолтная), то путь к папке будет следующий: Themes/default. С помощью встроенного поиска редактора Notepad ++ находите, например, это участок кода:

// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
	echo '
	<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

и добавляете между этими двумя строками, начинающимися с тега LINK, свои строки кода с указанием пути до favicon.ico.

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

Дело в том, что анимированный Favicon будет иметь расширение GIF, и, следовательно, в строках кода нужно будет прописать примерно так:

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

Вот и вся разница между анимированными и обычным. Но следует учесть, что будет работать анимированная иконка только в 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 файл, также вы можете увидеть галерею с значками, созданных другими пользователями и скачать то же самое. С инструментом рисования вы можете создать свой собственную иконку. В конце вы читали описание, как настроить значок сайта на ваш сайт.

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