Как Заиконить Сайт
Все мы любим красивости. И по возможности стараемся даже в мелочах как-то выделиться. Помню, как лет 8-10 назад в FIDO-эхах посвященных программированию, чуть ли не каждую неделю появлялся какой-нить начинающий программер, который умолял открыть секрет размещения в трее иконки своего приложения. :)
И сейчас происходит что-то подобное, но уже в ВЭБе. Как в то далекое время любая, даже самая мелкая программа пыталась защемить себя в трей к часам, так и теперь любой, даже самый неказистый сайт старается всунуть свою иконку в адресную строку браузера.
И сегодня речь пойдет о том, как же это делается.
А делается это очень просто, всего в три очень простых шага:
- рисуете иконку
- даете ей имя favicon.ico
- закачиваете этот файлик на свой сервер в корень Вашего сайта.
Теперь по-подробнее обо всех шагах.
Первое - рисование иконки.
Для рисования иконки можно использовать любую подходящую программу, благо их в сети навалом. Многие графические редакторы умеют сохранять изображения в формате ICO, но есть и специальные редакторы иконок. Кстати, супер-мега-редактор Adobe Photoshop, как это не странно, НЕ УМЕЕТ создавать иконки. Поэтому, даже обладателям этой мега-программы, для рисования иконок все же придется искать что-то попроще. :)
Сам процесс рисования тривиален. Стоит только обратить внимание на то, что изображение должно быть размером 16х16 точек и иметь 16-ти цветный формат. Именно 16-ти цветный (4 бита), а не 16-битный (65 536 цветов). :)
Второе - переименование файла.
Честно говоря, favicon.ico - не единственное имя для иконки. Вы можете назвать ее как угодно, например fav.ico. Но в этом случае Вам придется добавить одну строчку в шаблон вашего сайта. А именно, в секции нужно будет вставить вот такой код:
Третье - заливка на сервер.
Корневая папка сайта - тоже не панацея. Файл иконки можно располагать в любой папке, доступной серферу. Более того, можно сделать так, что в разных папках будут лежать разные файлы иконок. При этом разные разделы сайты будут иметь разные иконки. :)
Если Вы располагаете файл иконки не в дефолтовом месте (корневая папка сайта) и/или не с дефолтовым именем (favicon.ico), то Вам нужно вставлять в HTML-файлы строчку, описанную выше. Кроме того, если иконка лежит не в корне сайта, то в этой строчке нужно указать путь к иконке. Например так:
Кстати, поскольку в этой строке можно записать полный путь (включающий домен сайта), то Вы запросто можете прикрепить себе иконку от чужого сайта. Например от Яндекса :) Вот соответствующий код:
Напоследок скажу еще об одном маленьком нюансе.
Если вдруг Вы все сделали правильно, но иконка не отображается, то возможно у Вашего хостера не прописан mime-тип для файлов с иконками (типа ICO). Хотя сейчас таких хостеры - редкость, но все же...
Решить проблему можно двумя способами:
- напрячь хостера и заставить его прописать на сервере нужный Вам тип.
- прописать тип самостоятельно.
С первым пунктом все понятно - открываете свой любимый почтовый клиент и строчите злостно-слезливую просьбу в адрес всемогущего админа сервера. Если ему будет не лень, то в ближайший день-два он-таки пропишет нужное волшебное слово в конфигах сервера и все заработает как надо.
Второй путь более тернист, но даже с ним вполне справится человек, закончивший 5 классов средней школы. :)
Все, что Вам потребуется - вписать строку AddType image/ICO ICO в файл .htaccess, расположенный в корневой папке Вашего сайта. Просто? Конечно! Только соблюдайте регистр символов, т.к. он имеет значение.
Ну вот и все. Удачи Вам в заиконивании своих сайтов. :)