Появился favicon на сайте

О добавлении браузерной иконки (favicon) на сайт

Признаком качественно сайта на данный момент является так же всем известный favicon. Если кто не знает – маленькая иконка в строке браузера, слева от адреса страницы. Кроме того, в различных каталогах и приложениях эти иконки так же показываются. Так что рано или поздно нужно было сделать такую иконку и для своего сайта.

Идея до безобразия проста. Сайт личный, да еще и с доменом фамильным, поэтому нужно было отразить это как-то в иконке, или даже почти логотипе сайта. Самое простое, что приходит на ум для личного сайта – инициалы. Именно инициалы и легли в основу задумки. Меня зовут Иван Климчук. На латинице инициалы будут выглядеть так: IK.

Рассказывать, как рисовать свою иконку в Photoshop или Gimp я не стану, мы сейчас не об этом. Главное, после того, как мы создали свою иконку, уменьшить ее до разумных размеров и разместить ее в корне сайта. Разумные размеры? Тут сложно сказать, что считать разумным. Браузерам обычно нужна квадратная картина со стороной 16px. Но мало ли где еще иконка может использоваться? Я сделал размер 32x32px, хотя и этого может быть мало. Лучше всего назвать файл именно favicon.

Дальше нужно подключить ее к странице. Это делается очень просто:

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

Хотя на самом деле особых проблем с Internet Explorer нет (прим. это был 2010 год), я не стал связываться с ним. Дело в том, что он требует иконку только в формате ICO. Я не люблю IE, и советую пользователям, кто им все же пользуется – скачайте нормальный браузер! И извиняюсь сразу же за то, что у вас иконка отображаться не будет.

На чтение понадобилось 2 минуты В заметке 262 слова