Как Заиконить Сайт

Все мы любим красивости. И по возможности стараемся даже в мелочах как-то выделиться. Помню, как лет 8-10 назад в FIDO-эхах посвященных программированию, чуть ли не каждую неделю появлялся какой-нить начинающий программер, который умолял открыть секрет размещения в трее иконки своего приложения. :)

И сейчас происходит что-то подобное, но уже в ВЭБе. Как в то далекое время любая, даже самая мелкая программа пыталась защемить себя в трей к часам, так и теперь любой, даже самый неказистый сайт старается всунуть свою иконку в адресную строку браузера.

И сегодня речь пойдет о том, как же это делается.

А делается это очень просто, всего в три очень простых шага:

  1. рисуете иконку
  2. даете ей имя favicon.ico
  3. закачиваете этот файлик на свой сервер в корень Вашего сайта.

Теперь по-подробнее обо всех шагах.

Первое - рисование иконки.

Для рисования иконки можно использовать любую подходящую программу, благо их в сети навалом. Многие графические редакторы умеют сохранять изображения в формате ICO, но есть и специальные редакторы иконок. Кстати, супер-мега-редактор Adobe Photoshop, как это не странно, НЕ УМЕЕТ создавать иконки. Поэтому, даже обладателям этой мега-программы, для рисования иконок все же придется искать что-то попроще. :)

Сам процесс рисования тривиален. Стоит только обратить внимание на то, что изображение должно быть размером 16х16 точек и иметь 16-ти цветный формат. Именно 16-ти цветный (4 бита), а не 16-битный (65 536 цветов). :)

Второе - переименование файла.

Честно говоря, favicon.ico - не единственное имя для иконки. Вы можете назвать ее как угодно, например fav.ico. Но в этом случае Вам придется добавить одну строчку в шаблон вашего сайта. А именно, в секции нужно будет вставить вот такой код:

Пример кода:
<link rel="icon" type="image/x-icon" href="/fav.ico" />

Третье - заливка на сервер.

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

Если Вы располагаете файл иконки не в дефолтовом месте (корневая папка сайта) и/или не с дефолтовым именем (favicon.ico), то Вам нужно вставлять в HTML-файлы строчку, описанную выше. Кроме того, если иконка лежит не в корне сайта, то в этой строчке нужно указать путь к иконке. Например так:

Пример кода:
<link rel="icon" type="image/x-icon" href="/pics/icons/fav.ico" />

Кстати, поскольку в этой строке можно записать полный путь (включающий домен сайта), то Вы запросто можете прикрепить себе иконку от чужого сайта. Например от Яндекса :) Вот соответствующий код:

Пример кода:
<link rel="icon" type="image/x-icon" href="httр://yandex.ru/favicon.ico" />

Напоследок скажу еще об одном маленьком нюансе.

Если вдруг Вы все сделали правильно, но иконка не отображается, то возможно у Вашего хостера не прописан mime-тип для файлов с иконками (типа ICO). Хотя сейчас таких хостеры - редкость, но все же...

Решить проблему можно двумя способами:

  • напрячь хостера и заставить его прописать на сервере нужный Вам тип.
  • прописать тип самостоятельно.

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

Второй путь более тернист, но даже с ним вполне справится человек, закончивший 5 классов средней школы. :)

Все, что Вам потребуется - вписать строку AddType image/ICO ICO в файл .htaccess, расположенный в корневой папке Вашего сайта. Просто? Конечно! Только соблюдайте регистр символов, т.к. он имеет значение.

Ну вот и все. Удачи Вам в заиконивании своих сайтов. :)




Fast: [10] [20]

Этот сайт полностью окупает себя, хотя его ТИЦ=10, а PR=2. Хотите знать, как он это делает? Хотите чтобы Ваш сайт чарез пол-часа тоже начал на полном автопилоте приносить деньги?
Регистрируйся здесь и здесь и начинай получать деньги со своего сайта!