Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн


Дизайн Форум


Про дизайн и web дизайн




Главная     Галереи Дизайна (29)




  Статьи о дизайне





  Галереи дизайна

Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.

  Помощь Дизайнеру!

Советы по дизайну. Философия, психология и трудовые будни дизайнера.



  Иконка ico для адреса (URL) сайта





Вам наверняка приходилось видеть в строке броузера рядом с адресом сайта маленькую симпатичную картинку (иконку). Иногда, чтобы иконка "показалась" нужно добавить сайт в избранное и оттуда его открыть ...

Иконка ico для сайта

Что нужно знать:
  1. Размер иконки в пикселях фиксированный: 16х16 (или 18х18)

  2. Количество цветов: 256 (или меньше)

  3. Профессиональные программы для рисования иконок ico - IconXP, ArtIcons Pro. А можно просто нарисовать в Фотошоп 16х16 пикселей, сохранить как .bmp, потом переименовать расширение в .ico

  4. Название картинки-иконки обязательно - favicon.ico

  5. Вес иконки до 1.5 Kb, а лучше меньше (при слишком большом размере может "мигать")

  6. Сохраняется картинка-иконка в корневом каталоге (вместе с главной index-страничкой)

  7. Код на главной index-страничке ставится между <head> </head>:
    <link rel="shortcut icon" type=image/x-icon href="/favicon.ico">
Все, теперь ссылка на вашу страничку будет выгодно отличаться от себе подобных в "избранном" списке пользователя и в строке броузера будет смотреться намного приятнее. У вашего сайта появилась еще одна отличительная особенность.

ArtIcons Pro - программа для создания иконок ico
ArtIcons Pro - программа для создания иконок ico



 Смотри также:
Необычные проекты
Оформление почты для The Bat
Иконка и пиктограмма в web
Новогодние иконки, новогодние аватары
Сделать иконки
Web дизайн, уроки Photoshop









  Rambler's Top100  


Web дизайн и создание сайтов       Пользовательское соглашение

Карта сайта      Наверх