Главная » Создание сайта » Первые шаги » Cмена стандартной иконки сайта favicon.ico на свою

Cмена стандартной иконки сайта favicon.ico на свою

19.01.2012 в 22:43
Автор: Prochtenniy   
Перейти в базу знаний

В базе знаний есть новая инструкция по этой теме

favicon.ico - Это иконка сайта отображающаяся с левой стороны браузерной строки (рис. 1).


Рисунок 1


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

Замена стандартной иконки favicon.ico на свою

Для того чтобы приступить к процессу изменения иконки сайта, необходимо найти или изготовить изображение (иконку) на которую будем менять стандартную. Для этого можно воспользоваться интернетом, где найти уже готовые изображения (Набор иконок). Или можно воспользоваться фото-редакторами, в которых создать изображение самому. Главное чтобы изображение иконки имело расширение ico. Если Вы нашли подходящее изображение с другим расширением или фото-редактор не поддерживает сохранение изображение с расширением ico, это не страшно, ниже в инструкции будет описание того как можно изменить любое расширение иконки на ico.

1. После того как изображение найдено или создано, необходимо зайти на сайт favicon.ru, добавить Вашу картинку с компьютера или указать прямую ссылку на иконку в интернете. Затем нажать на кнопку "Создать favicon.ico" (рис 2).


Рисунок 2


Далее Вас перекинет на страницу с результатом (созданным favicon.ico). Здесь Вы даже сможете посмотреть как она будет выглядеть и если Вам понравится результат, нажатием на ссылку "Скачать favicon.ico!" сохраните её на компьютер (рис 3).



Рисунок 3


2. После того как иконка favicon.ico создана, её нужно загрузить в файловый менеджер. Для того чтобы зайти в файловый менеджер, в админ-баре нажмите (Управление) и затем выберите (Файловый менеджер) (рис. 4). Или можете зайти в файловый менеджер через панель управления (рис. 5)


Рисунок 4


Рисунок 5


После того как Вы зашли в файловый менеджер, нажмите на кнопку "Загрузить файл" (рис. 6) и загрузите свою иконку.


Рисунок 6


После загрузки иконки favicon.ico, стандартная иконка uCoz будет заменена. Для того чтобы посмотреть как будет смотреться Ваша иконка favicon.ico на сайте, нужно нажать на кнопку "Посмотреть файл" (рис. 7). И обновить страницу (рис. 8)


Рисунок 7


Рисунок 8


После обновления страницы, стандартная иконка favicon.ico будет изменена на Вашу (рис. 9)


Рисунок 9


+ Дополнительная информация:

- Иконку сайта можно заменить и другим способом. Для этого нужно прописать в коде страниц сайта в верхней части между <head></head> (рис. 10 ) код в котором указать ссылки на иконку:

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



Рисунок 10


Такой способ замены иконки сайта может пригодится к примеру в модуле "Каталог сайтов", где подставив адрес добавленного сайта, можно будет отображать иконку favicon.ico добавленного сайта в каталог.

- Под фото-редактором в данном примере подразумевался photoshop. Так же можете попробовать воспользоваться онлайн генераторами favicon.ico (Пример)

favicon, favicon.ico, фавикон, иконка сайта, иконка


Рейтинг: -19  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 29860          Комментариев:

Похожие инструкции