Мирчар. Инструкция по применению.

Воскресенье, 19.05.2024, 06:50
Приветствую Вас Гость
Главная

Регистрация

Вход

RSS

Узнай больше о Миречар


Главная » Статьи » Как создать свой сайт. » Всякие полезности.

Как создать фавикон для своего сайта?
Итак, вы решили, что вашему сайту просто необходим фавикон. Отлично!
Дело за малым -  надо его сделать. 

Шаг первый: Выбор изображения.
Выбирая картинку для  фавикона, необходимо прикинуть, как он будет сочетаться с дизайном сайта, а также отражать его суть.
Я выбрала картинку из онлайн-игры Мирчар, т.к мой сайт как раз посвящен этой замечательной игре (не буду особо распространяться, здесь в любой статье вы найдете информацию о Миречар) 


Совет для выбора иконки – выбирайте что-то с четкими контурами, без мелких деталей и линий, желательно однотонное. В противном случае на уменьшенном изображении невозможно будет разобрать, что там за картинка – ведь размер будет всего-навсего 16*16. Нашли что-то симпатичное? Сохраняем выбранное изображение.


Шаг второй: Создание фавикон из картинки.

Я воспользовалась готовым сервисом для создания иконок Иконка сайта сделана при помощи favicon.ru , благо интернет изобилует онлайновыми сервисами, которые умеют преобразовывать картинку формата jpg в картинку, пригодную для фавикона в формате ico.


  1. Выбираем файл с картинкой либо со своего компа, либо прописываем ее адрес, если она например уже лежит в файловом менеджере вашего сайта или на любом другом файлообменнике.
  2. Жмем кнопку "создать" , при этом программа сама подгонит изображение по размеру 16*16. Если фавикон получился на белом фоне , то стоит еще отредактировать иконку, ищи соответствующую ссылку. Не забудь сохранить изменения.
  3. Скачать готовый фавикон на свой комп.


Шаг 3 : Вставить фавикон на сайт.

Закачиваем готовый файл с фавиконом на сайт.

Для того, чтобы favicon отображался в строке браузера, его нужно закачать в корневую папку сайта и в большинстве случаев этого достаточно, чтобы иконка стала отображаться, а для надежности в код, внутри тегов <head> </head>, вставить следующий код:

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

То, что выделено красным – путь к иконке. Если вы положили ее не в корень сайта, а в какую-то другую папку на сервере, укажите полный путь к ней.

Шаг 4:  Смотрим, что получилось.

Если вы пользуетесь Firefox, то вам нужно закрыть браузер и снова открыть его – новоиспеченная иконка появится рядом с урлом вашего сайта. В некоторых версия Explorer иконка тоже появляется (иногда для этого нужно занести сайт в закладки). В Googl Chrome иконка появится после очередного обновления поисковиками, где-то через 2 недели

Что касается поисковиков – вашу иконку они загрузят при очередном обновлении базы. То есть, если с индексацией вашего сайта все в порядке, то вы увидите ваш фавикон рядом с названием сайта через одну-две недели. Гугл фавиконы не показывает, а вот Яндекс – очень даже показывает.

Ну вот  все!

Еще почитать:    Все статьи о сайтостроительстве.


Категория: Всякие полезности. | Добавил: nadek (13.05.2011)
Просмотров: 1053 | Комментарии: 1 | Теги: html, Как создать свой сайт
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Категории статей
С чего начать. [6]
Самые первые шаги, ничего сложного.
HTML [4]
для начинающих, все просто и доступно.
Всякие полезности. [7]
Облако тегов
Мирчарское время
Блиц-опрос
Ваш любимый цветочный экстракт?
Всего ответов: 152
Наша кнопочка
center
получить код кнопки
Друзья

Мирчар - заведи себе онлайн питомца
Статистика