Значок для сайта

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

По умолчанию, в качестве иконки отображается значок браузера. Однако, каждый веб-мастер хотел бы иметь оригинальный, уникальный, узнаваемый значок своего сайта. Часто, в качестве иконки сайта, используют уменьшенную копию логотипа. Такой значок вы можете увидеть на примере моего сайта webadvisor.ru. Правда, в моем случае, это даже не уменьшенная копия, а деталь логотипа, т.е. глаз совы.

 

 

 

 

 

Эта картинка называется Favicon (сокращённо от английского favorites icon - значок для избранного). Favicon - значок веб-сайта, который виден в различных элементах интерфейса, отображаемых браузером. Обычно, это изображение формата ICO, размером 16×16 пикселей, помещённое в корень сайта под именем favicon.ico.

Изначально, вы можете увидеть на своём сайте значок Joomla, как на картинке ниже

 

Это означает то, что в папке сайта уже лежит фирменный значок Joomla в формате ICO, т. е файл favicon.ico. Нам только остаётся создать свой значок и загрузить на сервер, подменив значок Joomla на свой.

 

Как создать значок

Если у вашего сайта есть логотип, можно с помощью программы Photoshop уменьшить картинку так, чтобы по максимуму сохранить её качество. Если логотипа нет, можно взять любую картинку и с помощью графического редактора, сделать из неё картинку размером 16x16 или 32x32 с 8-битной или 24-битной глубиной цвета в формате png или gif.

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

Также хочу предупредить, что все изображения favicon.ico, при открытии сайта в браузере, по умолчанию приводятся к размеру 16х16 пикселей (даже если ваша картинка 32х32 пикселей).

После того, когда вы создадите картинку в формате png или gif, Вы можете конвертировать картинку в формат ICO. Это можно сделать с помощью плагина в программе Photoshop или с помощью онлайн favicon-генератора (набейте в любом поисковике). Переименуйте свой файл в favicon.ico.

Теперь войдите на сайт по адресу public_html/templates/шаблон/. Найдите файл favicon.ico и замените на свой. Вот и всё.

Если вы всё сделали правильно, ваш сайт откроется с новым значком.

Комментарии   

 
0 #3 Владимир30 24.07.2014 07:59
Значок для сайта, наверное, второй важный атрибут после доменного имени :-)
 
 
0 #2 Смоленцева В. 28.05.2014 20:05
Затем (после копирования иконки в папку) надо открыть для редактирования стартовый файл index.html и между тегами написать:
 
 
-2 #1 Иван 08.08.2012 15:12
Не работает. Заменил, но все равно висит знак хостинга
 

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