Делаем моднявый favicon…
Алексей Варчак 
Доброго здоровьица, читатель! У меня есть к тебе один вопрос. Ты всё ещё юзаешь допотопные иконки формата “.ico”? Пхаха… Давай-ка помаленьку развиваться, коллега… В сегодняшнем посте я расскажу тебе немного о том, как приделать к своему сайту НОРМАЛЬНУЮ иконку (с прозрачностью, анимацией и тп…)
Ну так вот… Для начала, спэшл фор нубс, объясняю что такое “favicon”... Это незамысловатое слово является сокращением от “Favorite Icon”, то есть “иконки избранного”. Такие иконки отображаются как в избранном, так и в адресной строке браузера.
Как сделать такую штукенцию для своего сайта?
1. Определимся, какого формата будет наша иконка:
ICO – низкосортное старьё. Сразу отбрасываем.
PNG – подходит для создания обычных, но качественных иконок. Хорошо поддерживается прозрачность.
GIF – его лучше использовать только для создания анимированных значков. Прозрачность не рекомендуется, так как картинка будет резкой при смене кадров.
2. Процесс рисования иконки.
Это я расписывать не буду – разбирайтесь сами. Только примите на заметку одно – иконка должна быть не более 32×32 пикселей.
3. Прикрепление иконки к сайту…
Для размещения “PNG” иконки используем такой код:
<link rel=”icon” href=”favicon.png” />
Кстати, можно обрадовать владельцев “АйПхонов”, приделав матёрую иконку 57×57. Код для этого:
<link rel=”apple-touch-icon” href=”full_icon.png”/>
Ну и напоследок, код размещения анимированной GIF иконки:
<link rel=”icon” href=”favicon.gif” type=”image/gif”/>
PS: Где “favicon” или “full_icon”- имя вашего значка; код прикрепления вставляется внутри тега <head>.
-
Ads. Блогосфера всё больше набирает обороты… Последнее время много блогеров сидят на юкозе. А что… Бесплатно и удобно. Хотя автономные блоги берут верх, но эти тоже не унывают… Итак, Юкозным блоггерам посвещается: Все для cms Ucoz. Пользуйтесь. Там есть и скрипты, и шаблоны… Короче, там много всего интересного, гляньте ;D
Есть 13 коммент. к “Делаем моднявый favicon…”
Написать комментарий
Во прикол, а где же пропала иконка твоего блога?
Мне какраз нада сделать faveicon ато сижу со стандартной.
спс_))))
Спасибо за инфу! Я всегда только в формате ico ставил… Будем юзать png ) А вот анимированые иконки это слишкой по моему…
Да, надо будет и для своего сайта сделать. Я кстати думал что favicon только ICO существуют.
Я вот тоже думал что favicon только формата ICO существуют… ан нет! Спасибо автору – будем пробовать.
Автор, а где же твоя иконка))) пост про иконки, у самого нет)))
Не глупи, есть. Может быть она просто не отображается у тебя.
Познавательно, поработаю над этим, возможно в скором времени у меня тож появится.
P.S. Автор у тебя действительно нет иконки. браузер Файрвокс с последними обновлениями.
Исправлено.
Ээээ. Хз где исправлено, по прежнему иконки нет, браузер Лиса 3.6
И ещё не понял чему посвящена статья. В чём преимущество и недостатки. Какой смысл? И почему вдруг *.ico стало старьём. Как то всё не обоснованно. Непонятно.
.ico менее качественный и нераспознаваемый некоторыми графическими редакторами формат.
.ico менее качественный
Кто вас так обманул. ico не уступает по качеству BMP, а извините, ничего более качественного, если смотреть именно на качество, в расте вообще быть не может
и нераспознаваемый некоторыми графическими редакторами формат.
опять непонятно, зачем вам его распозновать, иконка она и в африке иконка, зачем вам делать её доступным для редактирования всяким чайникам
Совсем другое дело если вы не владеете навыками рисования полноцветных ICO и т.д. Тогда проще подсунуть вместо качественно ICO, сляпанную в любом графическом редакторе PNG.
П,С, Иконка появилась
Тоже не вижу фавикон в лисе 3.6, наверно сказывается нестандартный формат. Я лично юзаю очень удобный сервис favicon.cc, иконки получаются 16х16, прозрачность поддерживается при том что выходной формат ico. Можно делать и анимацию, но сам я не пробовал.
А насчет графических редакторов – сталкивался, но все решилось установкой Gimp.