Как создать и добавить иконку.

images Как добавить иконку фавикон (favicon.ico) на сайт.

  В этой статье я опишу как можно самому создать свою иконку favicon.ico и добавить ее к себе на свой сайт. Так же такие иконки можно использовать и для значков на рабочем столе на компьютере.

  И так приступим, если вы скачали шаблон на этом сайте в разделе шаблоны для joomla 2.5-3.x то  в этих шаблонах уже есть установленная иконка favicon.ico

  И находится она в корневой папке такого шаблона:

images

 

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

  Для того что бы создать свою такую иконку  favicon.ico, вы можите воспользоваться либо редактором в интернете, либо специальной программкой для создания таких иконок.

 

  Про редакторы в интернете я здесь писать не буду, я думаю вы и так их без проблем сможете найти набрав в поиске (онлайн генератор для создания иконки favicon.ico ), а расскажу я здесь, как и с помощь какой программы можно создавать такие иконки у себя на компьютере и потом как добавить ее к себе на сайт.

  И так, создавать иконку я буду в программе IcoFX.

images

 

По виду эта программа напоминает чем то фотошоп, в этой программе так же можно очень многое. Но я буду делать иконку с уже готовой картинки.

Для примера я возьму картинку которая у меня уже есть готовая и в формате png хотя это не принципиально. Просто в таком формате у меня картинка есть с прозрачным фоном.

Для этого нажимаем в этой программе кнопку (файл\ импортировать изображение)

images

 

И выбираем файл картинки у себя на компьютере.

images

 

После чего нажимаем кнопку (Открыть) или просто выбираем его двойным кликом. В следующем окне нам предлагается указать размер, обычно для иконки сайта выбираем размер 16 х 16. 

images

 

И снова нажимаем (ОК).

Дальше в следующем окне мы можем поправить края изображения с помощью специальных маркеров.

images

 

И снова нажимаем (ОК) теперь наше изображение импортировано в программу и в большом окне мы можем с помощью различных инструментов, подправить и дорисовать нашу иконку фавикон. А в маленьком окне слева мы можем наблюдать визуально какой вид будет иметь наша готовая фавиконка.

images

 

  Теперь после всего этого нам остается только сохранить нашу иконку favicon в нужном месте и с расширением ico. Для этого снова нажимаем (файл \ сохранить как…)

images

 

  В следующем окне нужно выбрать место на компьютере для сохранения нашей иконки favicon. Название для иконки можно задать здесь же или переименовать ее потом, а вот формат ico нужно задать сразу в этом окне в нижней вкладке. Хотя этот формат обычно стоит по умолчанию.

images

 

После нажатия кнопки (Сохранить) наша готовая иконка favicon.ico появится в той папке куда мы ее сохранили. Я выбрал просто на рабочий стол.

images

 

И теперь нам остается просто заменить эту иконку favicon.ico в корневой папке шаблона, вот и все. Так же хочу сказать, браузеры при загрузке сайта загружают изображения во временные файлы на компьютере и после повторного открытия если название файлов совпадают то браузер для ускорения загрузки сайта, подгружает эти изображения с этих временных файлов. Поэтому что бы наша новая иконка отобразилась в браузене нужно почистить кеш браузера или открыть сайт с другим браузером с которым этот сайт не открывался еще.

Теперь как я уже писал высшее, шаблоны для joomla1.7 – 2.5 которые есть на этом сайте не имеют вообще своей иконки, но для того что бы она отображалась вам нужно просто добавить свою иконку с названием favicon.ico в корневую папку шаблона и после этого она обязательно появится в вкладке сайта. Если этого не произошло сразу то нужно как я уже писал почистить кеш в вашем браузере. Или просто подождать пока пройдет время и кеш обновится сам.

В шаблонах для joomla2.5 – 3.xтакая иконка уже есть в корневой папке и вам нужно просто ее заменить на свою…

 

Добавить комментарий

В комментариях запрещается:
1) Писать оскорбительные выражения в сторону как администратора, модератора так и других пользователей сайта. (За такое нарушение сразу бан)
2) Реклама в любом ее проявлении, а так же рекламные ссылки на свои сайты, партнерские ссылки, для ссылки на свой сайт нужно использовать специальное поле для добавления ссылки.
3) Прежде чем писать комментарий и задавать вопрос обязательно убедитесь, что на ваш вопрос точно нет ответа на сайте. Так же на сайте есть форум, где вы можете задавать вопросы другим участникам этого форума...
ВНИМАНИЕ: ПРАВИЛА МОГУТ ДОПОЛНЯТЬСЯ И ИСПРАВЛЯТЬСЯ, В ТЕЧЕНИИ ВРЕМЕНИ СУЩЕСТВОВАНИЯ САЙТА БЕЗ ПРЕДУПРЕЖДЕНИЯ. ПОЭТОМУ ЧИТАЙТЕ ИХ ОБЯЗАТЕЛЬНО, ВО ИЗБЕЖАНИЕ НЕДОРАЗУМЕНИЙ.


Защитный код
Обновить

 

 

 

Custom Search

 

 

Читаем так же:

Отправить в FacebookОтправить в Google BookmarksОтправить в TwitterОтправить в LinkedInОтправить в BobrdobrОтправить в LivejournalОтправить в MoymirОтправить в OdnoklassnikiОтправить в VkcomОтправить в Yaru