Favicon.ico или иконка в адресной строке браузера / Хабр
lautsevichВремя на прочтение 3 мин
Количество просмотров24K
Разработка веб-сайтов *
Сразу отмечаю, что статья из разряда «для самых маленьких». Просто пощу ее, вдруг пригодится кому-нибудь.
Favicon, что это и для чего он нужен? Favicon.ico это файл ярлыка в ОС Win32 который является иконкой-ссылкой на страничку сайта, на которой он присутствует. Его можно видеть в в избранных ссылках вашего браузера, адресной строке и на закладках в многооконных браузерах. Как его прикруть к страничке? Для того чтобы нарисовать иконку вам необходимо воспользоваться любым графическим редактором, но после вам необходимо конвертировать ваш полученный графический файл в формат .ico либо же изначально рисовать его в специализированных редакторах типа AWIcons Pro, IconWorkshop, MicroAngelo и т.
Итак, у нас есть иконка, конвертированная правильным способом в формат .ico. Далее по пунктам.
1. Название иконки должно быть favicon.ico, т.к. некоторые старые браузерв не смогут опознать ее именно как ярлык сайта.
2. Подключение иконки к документу осуществляется следующим кодом. Обязательно необходимо указать тип содержимого как image/x-icon и связь с документом как shortcut icon. Кроме того, что это обязательно по спецификации w3c, есть вероятность того, что вы снова споткнетесь об особенности работы некоторых браузеров, не указав тип содержимого.
Но! Мы живем в реальности которая называется “Все мы любим Internet Explorer”. Поясняю, иконки размером превышаюзие 16х16 px попросту проигнорируются IE 6.0 и ниже. Однако существует возможность в один файл .ico упаковать несколько изображение, как разных по размеру, так и по содержимому, пользуйтесь этой возможностью.Грабли.
1. Как указал выше, IE lt 6.0 не понимает иконок, превышающих 16х16 пикселей.
2. IE 6.0 и ниже отобразит иконку только после добавления странички в избранное и перезагрузки. Ну любит MS перезагружать все и вся ;-).
3. Если IE 6.0 и ниже и после этого не отобразит ее, то попробуйте почистить кэш браузера.
4. Если и после этого иконка не появится там, где ей положено быть необходимо удостовериться, что ваш сервер передает иконку в браузер и отображает ее, а не передает, как файл и предлагает вам его сохранить.
Ссылки по теме:
1. Как добавить собственную иконку сайта в адресную строку и в закладки браузера? www.htmlbook.ru/faq/?a=28
2. Favicon — иконка в адресной строке. lines.net.ua/index.php?loc=articles&category=webdesign&art=3
3. Иконка в адресной строке. www.codenet.ru/webmast/favicon.php
4. favicon.ru — favicon.ico generator and editor. favicon.ru
Кросспост из webdev.lovata.com.
Теги:
- webdev
- html
- xhtml
- favicon
Хабы:
- Разработка веб-сайтов
Всего голосов 30: ↑21 и ↓9 +12
Комментарии 24
Павел Ловцевич @lautsevich
CTO
Хабр Q&A Facebook Twitter Github Telegram
Комментарии Комментарии 24
Конвертируем PNG иконки в ICO и устанавливаем их на рабочий стол своего компьютера
| Обзор полезных программ, софта и утилит | |||
Иногда хочется внести изменения в интерфейс рабочего стола, но возникают трудности при переводе рисунка в формат ico, а также при установке иконки на рабочий стол. Программ для работы с иконками, в интернете можно найти пару десятков. • Она абсолютно бесплатна, и не требует лицензии Для начала, качаем бесплатную программу, после этого устанавливаем ее. После установки можно приступаем к работе. КАК КОНВЕРТИРОВАТЬ? Открываем программу. Чтобы перейти на русский язык в программе, найдите и нажмите в верхнем меню кнопочку Options —> Languages —> Russian
ШАГ 1 Слева в верхней части программы находится окно «Эксплорер», в нем мы видим все папки своего компьютера, выбираем папку с PNG иконками, которые мы хотим конвертировать в ICO. Нажимаем мышью на эту папку. ШАГ 2 Слева в нижней части экрана, программа покажет нам какие PNG иконки там лежат. Нажимаем мышкой 2 раза на нужную нам иконку. ШАГ 3 В центре экрана появляется окошко, где можно задать нужный размер 16 на 16, 24 на 24, 32 на 32, 48 на 48, 256 на 256, ну или указать свой, а также указать количество цветов. Если на рабочем столе много значков, то лучше выбрать размер — 48 на 48. Жмем на ОК. После этой процедуры откроется окно с изображением того что получилось. Не пугайтесь если видите размытую картинку, всю в пикселях, это от большого масштаба, здесь, при желании можно отредактировать будущую иконку, написать например свое имя, ник, или сайт, да что угодно — со временем придет опыт, можно будет экспериментировать, а пока просто больше ничего не надо трогать. 1.) Щелкаем левой кнопкой мыши на выбранной иконке рабочего стола. Все! Понравилась полезная статья? Подпишитесь на RSS и получайте больше нужной информации! Рейтинг 0.0 из 5. Голосов: 0
|
Ico файлы иконки скачать бесплатно 743 .
svg .png .ai .eps файлыСортировать по: По умолчанию В тренде Новейшие Рекомендовать Релевантные Популярные Непопулярные Запросить дизайн
doc документ бумажный файл файл файлы ivista 2 летняя коллекция лом подглядывать офис Microsoft Office стрелка секрет профессиональный красный уменьшить вниз ico монстр мифы система pdf фотошоп обновить cl слово офис слово powerpoint psd
[иконки] Ico дизайн ( 53.72KB )
Ага-Софт
[Значки] Файлы Файл разработчика ( 133,87 КБ )
Бенжигарнер (Винсент Гарнье)
[ Иконки ] Файлы Файл фильма ( 51,35 КБ )
Шон Пун
[Значки] Файлы ( 62,46 КБ )
Делекет (Джоджо Мендоса)
Делекет (Джоджо Мендоса)
[Значки] Мои файлы Adobe Illustrator (65,15 КБ)
Делекет (Джоджо Мендоса)
[Значки] Psd-файлы ( 68,37 КБ )
Тузибанес
[Значки] Секретные файлы 2 6 ( 151,15 КБ )
Эксгумировано
[Значки] ICO (36,36 КБ)
Пользовательский дизайн значков
[ Иконки ] Файлы Загрузить файл ( 88,48 КБ )
Шон Пун
[Значки] Файлы Файл ( 46,74 КБ )
Шон Пун
[Значки] Мои файлы SWF (59,73 КБ)
Делекет (Джоджо Мендоса)
[Значки] Мои файлы Adobe PDF (55,74 КБ)
Делекет (Джоджо Мендоса)
[Значки] Файлы Excel (75,77 КБ)
Йонас Раск Дизайн
[Значки] Файлы (103,53 КБ)
Значок быстрого доступа
файлы ico ico files recycle ico icon pc ico refresh ico building ico vista ico usb ico coffee ico new ico home ico money ico recycle ico down file ico free ico icons twitter ico галерея ico
[Значки] Файлы Веб-файл ( 128,51 КБ )
Бенжигарнер (Винсент Гарнье)
[ Иконки ] Файлы Файл изображения ( 128,57 КБ )
Бенжигарнер (Винсент Гарнье)
[ Иконки ] Файлы Файл настроек ( 67,39 КБ )
Шон Пун
[ Иконки ] Файлы Скачать файл ( 88,44 КБ )
Шон Пун
[Значки] Мои файлы Adobe Photoshop ( 65,86 КБ )
Делекет (Джоджо Мендоса)
[Значки] Файлы Powerpoint (82,38 КБ)
Йонас Раск Дизайн
[Значки] Пользовательские файлы (64,23 КБ)
Тузибанес
[Значки] Секретные файлы 2 5 ( 158,38 КБ )
Эксгумировано
[Значки] Файлы Векторный файл (70.
00KB)
Бенжигарнер (Винсент Гарнье)
[Значки] Файлы Файл шрифта ( 95,13 КБ )
Бенжигарнер (Винсент Гарнье)
[Значки] Файлы Новый файл (81,17 КБ)
Шон Пун
[ Иконки ] Файлы Редактировать файл ( 60.94 КБ)
Шон Пун
[Значки] Мои файлы Fireworks ( 60,24 КБ )
Делекет (Джоджо Мендоса)
[Значки] Загрузка системных файлов (110,82 КБ)
TpdkDesign.
net
[Значки] X Files Monster (102,30 КБ)
Iconshock — наборы иконок
лицо jpeg книга масонский гей Dreamweaver антураж excel человек пользователь клиент автомобиль копия разработчик вверх загрузить настройка увеличить изображение текст довольно офис 4 веб-настройки новый стандарт портфолио gif блог flash swf редактировать обновить видео музыка кино фильм карандаш фейерверк
[Значки] Файлы Текстовый файл (121,28 КБ)
Бенжигарнер (Винсент Гарнье)
[Значки] Файлы Файл ( 61,17 КБ )
Бенжигарнер (Винсент Гарнье)
[Значки] Файлы Музыкальный файл ( 61,15 КБ )
Шон Пун
[Значки] Файлы Копировать файл ( 60,14 КБ )
Шон Пун
[Значки] Мои файлы Dreamweaver ( 61,87 КБ )
Делекет (Джоджо Мендоса)
[Значки] Файлы Word (77,17 КБ)
Йонас Раск Дизайн
[Значки] Файлы окружения ( 73,12 КБ )
Йонас Раск Дизайн
[Значки] Секретные файлы 2 4 ( 181,57 КБ )
Эксгумировано
Загрузка дополнительных элементов, пожалуйста, подождите.
..
Идет загрузка дополнительных элементов, пожалуйста, подождите…
Критерий поиска:
Тип поиска:
Совпадение с любымСовпадение со всеми
Искать в:
ВекторыИконкиФотографииШрифтыШаблоны сайтовPSD
Лицензия:
Все лицензииРазрешить коммерческое использование
Результат сортировки:
Сначала лучшее совпадениеСначала новыеСначала много загрузокСначала меньше загрузок
- Дом
- Лицензии
- Срок
- Конфиденциальность
- О
- Связаться с
Международное общество публичного права
Крупнейшее и ведущее научное общество в мире по всем областям публичного права — административному праву, конституционному праву, международному праву и многим другим.
ГЛОБАЛЬНАЯ СВЯЗЬ
Членство
Членство в ICON•S — это больше, чем ассоциация с научным обществом мирового уровня. Членство делает вас партнером в защите ценностей публичного права во всем мире. Кроме того, членство открывает двери для связи и сотрудничества с тысячами других членов в каждом регионе мира. Это также дает вам право посещать нашу ежегодную мегаконференцию, голосовать на выборах в наш Совет и участвовать в наших эксклюзивных мероприятиях только для членов.
Присоединяйтесь к нам сегодня, чтобы продемонстрировать свою поддержку миссии ICON•S.
СОБЫТИЕ ГОДА
Ежегодная конференция
Ежегодная конференция составляет основу деятельности ICON•S. Эта мегаконференция предлагает стимулирующий, вдохновляющий и гостеприимный форум для глобального сообщества ученых в области публичного права, судей и практиков, где они могут собираться, обмениваться идеями и налаживать сотрудничество.
Ежегодная конференция, объединяющая сотни людей со всего мира, включает пленарные заседания, параллельные панели и общественные мероприятия, чтобы сделать мир публичного права более глобальным, более инклюзивным и более взаимосвязанным.
Ежегодная конференция ICON•S 2023
Океаны и острова: публичное право в многообразном мире
Веллингтон, Новая Зеландия
3–5 июля 2023
Нажмите здесь или следите за нами в социальных сетях чтобы быть в курсе о конкурсе статей и других новостях о нашей ежегодной феерии в области публичного права!
СЕТЬ И СОТРУДНИЧЕСТВО
Отделения
Семейство ICON•S включает в себя широкий спектр национальных и региональных отделений, а также групп по интересам. Национальные и региональные отделения способствуют научному сотрудничеству и налаживанию связей в конкретных регионах или странах в поддержку миссии ICON•S. Наши отделения существуют или формируются в настоящее время во всех регионах мира.
Мы приветствуем выражение заинтересованности в создании новых отделений, будь то национальных или региональных.
Группы по интересам
Группы по интересам формируются вокруг конкретных тем или проблем публичного права. Они ориентированы на устойчивое сотрудничество, например, совместные исследовательские проекты или публикации среди членов ICON•S из разных стран или регионов. Наши группы интересов охватывают все области публичного права. Мы стремимся поддерживать создание новых групп по интересам.
БУДЬТЕ В НОВОСТИ
Новости
Узнайте о наших мероприятиях, блогах, отделениях, наградах, конкурсах статей и других новостях о Международном обществе публичного права.
Состояние Общества сильное и становится сильнее, и главная причина, почему это наше активное и заинтересованное членство. Одним из важнейших руководящих органов ICON•S является…
Подробнее
ICON·S | Международное общество публичного права с радостью объявляет конкурс номинаций на свою шестую ежегодную книжную премию.
