Сегодня, когда каждый день появляются сотни разных сайтов и блогов.
Вопрос персонализации или, проще говоря, выделения из толпы. Становиться все актуальней и сложней.
В этой борьбе все средства хороши, ведь выделиться сейчас не так и легко.
Как еще одно из средств персонализации – это favicon.
Я думаю, вы уже на многих веб-сайтах, блогах видели в адресной строке браузера рядом с адресом сайта маленькую картинку.
Это и есть favicon – можно сказать мини логотип сайта.
На этом блоге это буква М на оранжево-желтом фоне. Вот она:
Как же сделать этот favicon и самое главное как его прикрутить на ваше творение?
Создание favicon
Favicon – это картинка размером 16×16 и в формате ico, с количеством цветов 256 либо TrueColor.
Бывают и другие – но этот формат является так сказать по умолчанию.
Ищем или создаем сами в графическом редакторе нужное вам изображение.
Теперь его нужно сохранить в формате ico.
Опять-таки ищем программу для этого либо воспользуемся on-line сервисами.
Программы для работы с favicon
Я приведу одну, так как их очень большое количество:
Paint.NET – Нажимаем файл – открыть: выбираем наше изображение.
Потом нажимаем файл и выбираем сохранить как либо нажимаем Ctrl+S
Задаем имя файла, выбираем формат: Icons (*.ico) нажимаем сохранить.
Отмечаем галочками, какой размер исходного файла вам нужен и жмем ок
Сервисы для поиска favicon
Favicon (favicon2.ru) — иконка сайта,favicon.ico,иконки для сайта,ico иконки,создание favicon иконок — Favicon2.Ru
Сервис прост как пять копеек:
- Выбираем картинку
- Может добавить бегущий текст (необязательно)
- И жмем Создать favicon
Favicon.ru — Создай иконку своему сайту — favicon.ico, Выделись!
Сервис уже имеет, чуть более расширенные настройки.
- Можно загрузить изображение либо указать его адрес в интернете.
- Если нужно добавляем в 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" /> |
Надеюсь, данная статья была ваш полезна. На этом все. Удачи!!!
С уважением Тригуба Сергей!
Мои групы:
Хочу добавить, что для поклонников Photoshop существует небольшой плагин, позволяющий сохранять картинку в формате ico. Люблю универсальность, к тому же зачем лишние проги для создания такой мелочи?
Конечно есть. Но не каждый может осилить все это, ради создания маленькой иконки.
Да и вопрос легальности еще никто не отменял!
Осилить может каждый, но вопрос не в возможности осилить, а просто в еще одном инструменте для создания favicon. К тому же я сказал «для поклонников», а они уже осилили.
Ну а по поводу легальности, хочешь сказать, что в нашей стране очень многих это беспокоит?
Мода на легальность все больше начинает доходить и до Украины.
Конечно, пока милиция не начнет шмон рядовых украинцев многие так, и будут на пиратке сидеть.
Сергей, спасибо за нужную информацию, только слово ложем надо заменить на слово кладем.
По поводу favicon блога на wordpress. Не стоит задавать абсолютный путь в header.php, а взять его из bloginfo так:
В таком случае увеличивается время выполнения страницы. Пусть и незначительно.
Но, чем больше таких крупиц, тем больше время загрузки!