Делаем Favicon с нуля

Привет всем, если хотите отличаться от других сайтов, то Вам нужно сделать себе особенную иконку. Favicon можно увидеть в адресной строке, перед буквами http. У меня это буква W на фоне золотой монетки. Буква W олицетворяет первую букву моего домена.

Кстати, кто не знает, мой домен читается как Вайтик, что означает Беленький! :) Меня просто давно называют «белый», а логин white, обычно везде занят, поэтому пришлось импровизировать.

Я думаю многие знают, как делать favicon, но есть те, кто ещё не умеет, поэтому решил для них написать пост!

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

1) После того, как выбрали желаемую картинку, заходим сюда www.favicon.ru.

2) Жмем обзор и указываем путь, где находится картинка.

3) Жмем на кнопку «Создать favicon.ico«.

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

5) Если иконка понравилась, то жмете «Скачать favicon.ico»

6) После скачивания на рабочий стол, закачайте иконку в корневую директорию вашего сайта.

7) Перед закрывающимся тегом </head> нужно прописать:

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

Но не обязательно, я обычно первую строку прописываю и всё отлично отображается!

Теперь обновляйте браузер и любуйтесь своей иконкой! :)

__

Если у вас есть свой сайт или сайт компании и вам необходимо продвижение сайта с абонплатой то советую делать это у надёжных компаний.


15 thoughts on “Делаем Favicon с нуля

  1. А разве, если файл назван favicon.ico его тоже нужно прописывать? Я вроде где-то слышал, что браузеры сами его вычленяют.

  2. Я уже воспользовался этим инструментом. В яндексе будет виден только через пару недель

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

  4. есть и другие сервисы,только у меня с некоторыми картинками почему-то глючно выходит. То пустой файл, то просто не хочет к сайту цепляться, хотя все в коде прописано

  5. На странице яндекса надо всегда выделять свой сайт. Тем более прога бесплатная. есще есть анимированный, но в многих брайзерах это не поддерживается…а жалко :(

  6. Благодарю за подсказку с сайтом, все никак руки не доходили до создания иконки, а тут за минуту сделал.

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

  8. Для новичков в самый раз.
    А вы не в курсе как заставить этот дол… дорогой и любимый ИЕ6 показывать мою иконку, а не свою???

  9. а здесь favicon.cc можно самому нарисовать, а не из картинки. Постоянно пользуюсь и для СДЛ и для сателлитов

Добавить комментарий

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