Открыть меню

Иконки favicon.ico


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

Иконку можно сделать самому, если у вас есть талант или возможности. Можно поискать в интернете бесплатные иконки. Но, часто бывает так, что у вас уже есть изображение, которое бы вы хотели использовать в качестве иконки сайта. В таком случае — есть полезный ресурс в интернете — Favicon.ru.  Что он собой представляет? Этот ресурс дает возможность из любого изображения на вашем компьютере, либо с интернета генерировать favicon.ico файл.  Этот файл должен быть размером 16х16 пикселей и будет служить иконкой вашего сайта.

Выбранное изображение (будущая favicon.ico) загружается на favicon.ru, который его преобразует в нужный формат для того, чтобы вы могли использовать его в качестве иконки д

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

Потом, нам надо немножечко отредактировать header — ведь мы хотим, чтобы иконка отображалась в строке браузера. Все, что нам нужно сделать это вставить эти строчки между  в секцию head:

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

Где путь к иконке это например http://ladymaksima.com/папка, где помещается иконка/favicon.ico. Вот и все, вы имеете свою иконку сайта, что поможет посетителям сразу же легко нйти ваш сайт в избранном, или среди других открытых.

Лучшие генераторы иконок для сайта: Favicon.ruGenfavicon.com

Иконки favicon.ico обновлено: Сентябрь 6, 2008 автором: Елена Иванова
Обсуждение: 22 комментария
  1. Walter:

    Все-таки нравится мне Ваш блог. Всегда интересно читать, включая эту тему. Автор молодец!

    Ответить
  2. Walter:

    Все-таки нравится мне Ваш блог. Всегда интересно читать, включая эту тему. Автор молодец!

    Ответить
  3. Другу покажу, статья просто супер

    Ответить
  4. Другу покажу, статья просто супер

    Ответить
  5. admin:

    Рада, что пригодилось. заходите еще 🙂

    Ответить
  6. admin:

    Рада, что пригодилось. заходите еще 🙂

    Ответить
  7. для меня до сих пор секрет: можно ли использовать анимированный фавикон? и отображают ли его браузеры? это так, наводка на последующие статьи 😉

    Ответить
  8. для меня до сих пор секрет: можно ли использовать анимированный фавикон? и отображают ли его браузеры? это так, наводка на последующие статьи 😉

    Ответить
  9. admin:

    Oбычный анимированный gif-файл, не имеет никакого отношения к favicon.ico, понимается только браузером Firefox последних версий, вставляется в код страницы так же, как и favicon.ico. То есть использовать можно, но только посетитель с Firefox его увидит. Хотя, посетителям было бы полезно рассказать об этом браузере 😉

    Ответить
  10. admin:

    Oбычный анимированный gif-файл, не имеет никакого отношения к favicon.ico, понимается только браузером Firefox последних версий, вставляется в код страницы так же, как и favicon.ico. То есть использовать можно, но только посетитель с Firefox его увидит. Хотя, посетителям было бы полезно рассказать об этом браузере 😉

    Ответить
  11. burn:

    spasibo vchera kak raz dumal nad dannoj temoj.

    Ответить
  12. burn:

    spasibo vchera kak raz dumal nad dannoj temoj.

    Ответить
  13. Есть отличный плагин для WordPress — MaxBlogPress Favicon

    Ответить
  14. Есть отличный плагин для WordPress — MaxBlogPress Favicon

    Ответить
  15. admin:

    Есть, Миша. Но почему-то Google говорит, что эта страница с плагином может нанести вред моему компьютеру 🙁

    Ответить
  16. admin:

    Есть, Миша. Но почему-то Google говорит, что эта страница с плагином может нанести вред моему компьютеру 🙁

    Ответить
  17. Вася:

    что такое header и где он находится

    Ответить
  18. Вася:

    что такое header и где он находится

    Ответить
  19. admin:

    Вася, header — файл темы, самая верхняя часть шаблона, шапка. Посмотреть его содержимое можно дизайн темы —> редактор —> header.php

    Ответить
  20. admin:

    Вася, header — файл темы, самая верхняя часть шаблона, шапка. Посмотреть его содержимое можно дизайн темы —> редактор —> header.php

    Ответить
  21. Ирина:

    Спасибо! Очень помогло!

    Ответить

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

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

© 2017 Женский SEO блог LadyMaksima · Копирование материалов сайта без разрешения запрещено
Дизайн и поддержка: GoodwinPress.ru

Рассылка 'Создание блога, заработок в интернет'