Создаем и устанавливаем favicon на свой сайт или блог

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

Вопрос персонализации или, проще говоря, выделения из толпы. Становиться все актуальней и сложней.

В этой борьбе все средства хороши, ведь выделиться сейчас не так и легко.

Как еще одно из средств персонализации – это favicon.

Я думаю, вы уже на многих веб-сайтах, блогах видели в адресной строке браузера рядом с адресом сайта маленькую картинку.

Это и есть favicon – можно сказать мини логотип сайта.

На этом блоге это буква М на оранжево-желтом фоне. Вот она:Создаем и устанавливаем favicon на свой сайт или блог

Как же сделать этот favicon и самое главное как его прикрутить на ваше творение?

Создание favicon

Favicon – это картинка размером 16×16 и в формате ico, с количеством цветов 256 либо TrueColor.

Бывают и другие – но этот формат является так сказать по умолчанию.

Ищем или создаем сами в графическом редакторе нужное вам изображение.

Теперь его нужно сохранить в формате ico.

Опять-таки ищем программу для этого либо воспользуемся on-line сервисами.

Программы для работы с favicon

Я приведу одну, так как их очень большое количество:

Paint.NET – Нажимаем файлоткрыть: выбираем наше изображение.

Создаем и устанавливаем favicon на свой сайт или блог

Потом нажимаем файл и выбираем сохранить как либо нажимаем Ctrl+S

Создаем и устанавливаем favicon на свой сайт или блог

Задаем имя файла, выбираем формат: Icons (*.ico) нажимаем сохранить.

Создаем и устанавливаем favicon на свой сайт или блог

Отмечаем галочками, какой размер исходного файла вам нужен и жмем ок

Создаем и устанавливаем favicon на свой сайт или блог

Сервисы для поиска favicon

Favicon (favicon2.ru) — иконка сайта,favicon.ico,иконки для сайта,ico иконки,создание favicon иконок — Favicon2.Ru

Создаем и устанавливаем favicon на свой сайт или блог

Сервис прост как пять копеек:

  • Выбираем картинку
  • Может добавить бегущий текст (необязательно)
  • И жмем Создать favicon

Favicon.ru — Создай иконку своему сайту — favicon.ico, Выделись!

Создаем и устанавливаем favicon на свой сайт или блог

Сервис уже имеет, чуть более расширенные настройки.

  • Можно загрузить изображение либо указать его адрес в интернете.
  • Если нужно добавляем в favicon дополнительные размеры
  • Можно обрезать картинку
  • И жмем Создать favicon.ico!

Собственно таких сервисов в интернете тьма. Как говориться выбирай любой.

Присоединяем ваш favicon

Favicon для обычного сайта

Ложем наш favicon в корень сайта либо в папку на выбор.

В head каждой страницы добавляем такие строки (можно указать только для одной страницы)

1
2
<link rel="icon" href="http://ваш-сайт.ru/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://ваш-сайт.ru/favicon.ico" type="image/x-icon">

Если favicon лежит не в корне:

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

Favicon для блога на wordpress

Ложим файл favicon в папку вашей темы.

В файле header.php пишем следующую строку:

1
<link rel="shortcut icon" href="http://ваш-сайт/wp-content/themes/ваша-тема/favicon.ico" />

Надеюсь, данная статья была ваш полезна. На этом все. Удачи!!!

С уважением Тригуба Сергей!

Автор:
Приглашаю присоединиться ко мне в следующих сервисах:
Получайте новые статьи по созданию сайтов на ваш почтовый ящик.

Комментарии Вконтакте:

Комментарии Facebook:

Комментариев7 комментариев

Хочу добавить, что для поклонников Photoshop существует небольшой плагин, позволяющий сохранять картинку в формате ico. Люблю универсальность, к тому же зачем лишние проги для создания такой мелочи?

    Конечно есть. Но не каждый может осилить все это, ради создания маленькой иконки.

    Да и вопрос легальности еще никто не отменял!

      Осилить может каждый, но вопрос не в возможности осилить, а просто в еще одном инструменте для создания favicon. К тому же я сказал «для поклонников», а они уже осилили.

      Ну а по поводу легальности, хочешь сказать, что в нашей стране очень многих это беспокоит?

        Мода на легальность все больше начинает доходить и до Украины.

        Конечно, пока милиция не начнет шмон рядовых украинцев многие так, и будут на пиратке сидеть.

Сергей, спасибо за нужную информацию, только слово ложем надо заменить на слово кладем.

Анатолий
3

По поводу favicon блога на wordpress. Не стоит задавать абсолютный путь в header.php, а взять его из bloginfo так:

1
<link rel="shortcut icon" href="<?php get_bloginfo('stylesheet_directory'); ?> /wp-content/themes/ваша-тема/favicon.ico" />

    В таком случае увеличивается время выполнения страницы. Пусть и незначительно.

    Но, чем больше таких крупиц, тем больше время загрузки!

Написать ответ

Получай обновления блога первым!
Каталог@Mail.ru - каталог ресурсов интернет