Must Know: как создать фавикон

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

Предлагаем

1. Сайт от 35 000 рублей

2. Взятие сайта на обслуживание. от 3500 р/месяц

3. Проведение рекламных кампаний Google AdWords. от 3500 р/месяц.

Еще предложения

Веб-разработка, Транспорт, Агентства недвижимости, Переводы, Интернет-магазины, Контекстная реклама

Прием заявок

9.00 - 16.00 Мск

Контакты

Тел.: +7 (905) 529-53-55

Skype:  mainframe.13

Email:  info@poly-edr.ru

Must Know: как создать фавикон

Как создать фавикон

Вы еще не знаете, что такое ФАВИКОН? Тогда вам обязательно нужно прочитать эту статью! Статья для тех, кто только начинает знакомиться с разработкой и дизайном вебсайтов.


Это маленькая картинка, которая находится в адресной строке перед URL. Она нужна каждому сайту.


Как вы поняли, фавикон это и есть та маленькая картинка. Вы ее можете увидеть:

1. В строке адреса в браузере
2. Во вкладке браузера
3. В избранном при создании закладки
4. В поисковой системе напротив названия вашего сайта
5. На рабочем столе при сохранении ярлыка для вашего сайта Теперь, я думаю, вы поняли, что маленькая картинка играет далеко не последнюю роль в дизайне вашего сайта.

Такое интересное название «фавикон» пришло, как вы догадались, из английского. Это сокращение от FAVorites ICON.
Стандартный размер фавикона это изображение 16*16 пикселей в формате ico.
Изначально, фавикон сайта использовался браузером только при создании закладки в избранном. А теперь это неотъемлемая часть, можно сказать логотип, вашего сайта.
Для логотипа есть правило, что он должен быть ярким, запоминающимся и понятным. Это же справедливо и для фавикона.

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

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

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

Представлю вам два сервиса.

http://www.favicon.cc/ позволяет попиксельно сделать фавикон. Можно загрузить изображение и сделать из него фавикон. Кроме этого, можно использовать открытую галерею фавиконов. Выбрав из нее картинку, вы можете подправить ее в редакторе по своему желанию. А затем сохранить фавикон у себя на компьютере.
http://www.favicongenerator.com/ сервис, который позволяет загрузить изображение с компьютера или интернета и преобразовать его в картинку размера 16*16 пикселей. При этом вы можете создать дополнительные изображения для сохранения на рабочем столе (они сохраняются внутри файла favicon.ico, но имеют больший размер).
Итак, 16-пиксельный образ сайта мы создали, теперь время добавить его к нашему сайту.
Для этого файл favicon.ico вам нужно скопировать в корневую папку вашего сайта.

Теперь остается написать путь к вашей картинке. Для этого в области между тегами
<link rel="icon" href="favicon.ico" type="image/x-icon" />
Если у вас стоит WordPress, то добавляем этот тег в файл header.php (Внешний вид Редактор).

На этом все. У вашего сайта теперь есть свой фавикон. Поздравляю!

 

Must Know: как создать фавикон


И еще несколько советов.

Когда вы создаете картинку, создайте несколько вариантов, посмотрите в галерее фавиконов, обратите внимание на фавиконы в вашем Избранном. Пусть у вас будет выбор. Не застревайте на одном, ищите наиболее подходящий вам.
Возможно использование анимированных фавиконов. Однако они воспринимаются не всеми браузерами.
Помните, что «вес» изображения играет важную роль при загрузке вашего сайта. Не создавайте «тяжелых» фавиконов.
Если вы сохранили новый фавикон, но в браузере отображается старый вариант, то вам просто нужно перезагрузить браузер. Когда вы вновь войдете, в кеш попадет уже новое изображение, которое вы и увидите на мониторе.
Если вы серьезно к этому относитесь, то можете заказать создание фавикона профессионалам.