Добавить иконку в строку браузера

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

Добавить иконку в строку браузера очень просто, сейчас мы вместе проведем эксперимент над моим сайтом «Онлайн Бизнес – Бизнес Онлайн», который пока такой иконки в строке браузера не имеет.

Чтобы добавить иконку в строку браузера нам понадобится картинка размером 16 на 16 пикселей и разрешением в формате ico, сохранить картинку нужно будет под именем favicon.ico в корне сайта.

Здесь возникает небольшая загвоздка, так как Photoshop формат ico не поддерживает и сохранить рисунок без предварительной подготовки не получится. Для начала скачиваем плагин для Photoshop, его архив весит менее 10 kb, скачать можно здесь>>>.

Далее распаковываем архив в папку File Formats, полный путь будет выглядеть так: c:/Program Files/Adobe/PhotoshopCS/Plug-Ins/File Formats.

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

Все файл готов, не забываем, что его окончательный размер должен быть 16 на 16 пикселей. Сохраняем его под именем favicon, разрешением ico, которое появилась после установки плагина.

Теперь нам необходимо отправить данный файл в корневую папку сайта, а браузер уже сам подставит картинку в свое окно.

Вот так очень просто можно добавить иконку в строку браузера.