Облако тегов

Случайное фото

P1010110.JPG

Да, я продажный

Базальтовая вата rockwool http://www.budmag-ait.com.ua.. Эпиляторы отзывы супер плюс турбо купить эпилятор.

Вкусные баннеры

Категории

Архивы

Пузомерки

Анализ сайта



Akismet поймал и вырезал

924

спамовых комментов

Маленькая картинка на вкладке в браузере – как сделать Favicon

26 августа, 2009

Сейчас уже те времена, когда абсолютно любой браузер, работающий под Windows (не помню что там с Safari, но им пользуются под виндой мало), имеет вкладки. Помню, еще года 3-4 назад, если не больше, вкладками могла похвастаться только Опера.

favicon

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

Так вот, с популяризацией браузеров с вкладками и эти картинки стали популярны. А раньше они использовались в основном для того, чтобы пометить сайт в закладках. Помню, когда у меня был модемный интернет и свеженький браузер IE 5, мне очень нравились эти картинки в закладках. :)

Времена поменялись, и теперь мы поговорим о том, как сделать эту картинку.

Для этого не нужно никаких особых дизайнерских умений, и вообще сделать можно это даже не в Photoshop, а в Paint.

Создаем картинку 16х16, максимально приближаем, рисуем. Потом делаем масштаб 100%, если нарисованное пришлось по вкусу – сохраняем. Выбираем формат bmp, затем в заголовке меняем на favicon.ico (да, сохранить надо обязательно в формате ico).

Количество цветов можно сделать любое, у меня к примеру 16 цветов, у Google – 32к, а у twitter 24к. Просто дело в том, что не все хостинги поддерживают favicon с количеством цветов больше, чем 16.

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

Все, теперь нужно (опять же, не обязательно, но зависит от хостинга, поэтому я делаю везде), в какой-то файл, который открывается при открытии абсолютно любой страницы, прописать:

<link rel="icon" href="/favicon.ico" type="image/x-icon">

Обычно это делают в header.php, рядом с другими “link rel”.

Метки: , ,
Категории Дезигн | Комментарии (10)

10 комментариев(ия) в “Маленькая картинка на вкладке в браузере – как сделать Favicon”

  1. Jaskier Says:
    августа 26, 2009 at 18:56

    Спасибо

  2. imaksymenko Says:
    августа 26, 2009 at 19:02

    Пользуйся на здоровьице. :D

  3. volos_86 Says:
    сентября 2, 2009 at 21:49

    похожий способ и в блогере но спасибо всё равно поставлю

  4. imaksymenko Says:
    сентября 3, 2009 at 8:06

    Рад быть полезным своим постом уже двум людям. :)

  5. Николай Says:
    октября 8, 2009 at 15:36

    Мне совсем не понятно: “в какой-то файл, который открывается при открытии абсолютно любой страницы”, если у меня вордпрес куда прописывать?

  6. imaksymenko Says:
    октября 8, 2009 at 15:40

    Николай, в header.php . Успехов. :)

  7. Артур Says:
    ноября 11, 2009 at 14:34

    СПАСИБО!!!!!!!!!!!)))

  8. imaksymenko Says:
    ноября 11, 2009 at 20:20

    Артур, бросай сидеть вконтакте, пиши по-человечески.

  9. omkara Says:
    декабря 23, 2009 at 13:55

    спасыбо, учытел

  10. pervik Says:
    декабря 29, 2009 at 13:59

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

Оставить комментарий