Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Favicon Creator - программа для создания иконок (пиктограмм) для сайтов.

Автор: Андрей Краснокутский

Дата: 2009-08-29

Как создать иконку (пиктограмму) для сайта?

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

Favicon - пиктограмма (иконка) сайта в поисковых системах.

Рисунок 1

Еще подобные картинки-иконки отображаются рядом с url-адресом сайта в адресной строке браузера, а также рядом с названием сайта в "Избранном" браузера или в "Закладках" вместо стандартной иконки, общей для всех сайтов (на Рисунке 2 ниже, обведено красным).

Картинки-иконки отображаются рядом с url-адресом сайта в адресной строке браузера и рядом с названием сайта в "Избранном".

Рисунок 2

Так что же это такое - пиктограмма сайта и как её сделать? Вот что нам "говорит" по этому поводу "Википендия":

Пиктограмма сайта (иконка сайта) - небольшая картинка в формате .ico, которая отображается рядом с url-адресом сайта в адресной строке браузера и рядом с названием сайта в "Избранном" или в "Закладках" вместо стандартной, общей для всех иконки.

Пиктограмма часто используется в веб-дизайне:

  • Как элемент для оформления сайта, создания запоминающегося веб-дизайна, придания веб-странице более привлекательного вида.
  • Как элемент для привлечения или усиления внимания к какому-либо тексту, рисунку и т.д.
  • Как элемент системы навигации.

Помимо всего прочего, увидев подобную иконку напротив вашего сайта, у посетителей складывается положительное мнение об авторе и администраторе web-сайта.

Размеры файла иконки обычно бывают: 16x16 px или 32x32 px. Иногда размер иконки достигает 48x48 px, и 4-, 8-, 24-, и 32- битная глубина цвета. Рекомендуемые параметры пиктограммы для сайта: размер - 16х16 пикселей; 16 цветов. Формат 48х48 используется в основном для иконок предназначенных для рабочего стола компьютера.

Пиктограмма может быть создана из любого рисунка: как всего, так и из его части. Сначала готовят рисунок (картинку) обычно в формате .jpg или .bmp . Размер заготовки может колебаться от 16Х16 до 100х100 пикселей - это не критично. Затем с помощью специальной программы или сетевого сервиса (таких в сети сейчас много) рисунок (картинка) преобразуют в формат .ico. При сохранении файлу дается имя - общепринято такие файлы именовать favicon.ico , но это не обязательно.

Обращаю ваше внимание! Обязательно указывать в имени файла разрешение .ico. Вот таким образом: ****.ico

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

<link rel="shortcut icon" href="url-адрес">

где url-адрес - это путь до место расположения файла favicon.ico на вашем сервере. Необязательно ложить этот файл в корень сайта, он может лежать в любой папке, но тогда прописывайте реальный путь до файла favicon.ico. Например на моем сайте favicon.ico лежит в корне сайта, и следовательно у меня ссылка на него выглядит так:

<link rel="shortcut icon" href="http://www.luksweb.ru/favicon.ico">

 

Как сделать файл: favicon.ico

Для создания иконки сайта можно использовать любую графическую программу, сохраняющую файлы в формате .ico. Представляю Вам одну из таких программ: Favicon Creator.

Программа Favicon Creator очень проста в работе. Несмотря на то, что имеет английский интерфейс, всё интуитивно понятно и очень просто. Не требует установки и работает с любого носителя (CD, DVD, HDD, флешка).

За два шага Вы создадите для своего сайта замечательную и неповторимую пиктограмму. Причем первый шаг - это подготовка изображения :-) , ну а второй шаг - это конвертация готового изображение в формат .ico.

Рабочее окно программы:

Программа Favicon Creator для создания иконок пиктограмм (иконок) сайта.

Рисунок 3

Нажав на кнопку: Open image - выбираем рисунок или картинку заранее заготовленную для будущей иконки.

Size of icon file - выбираем размер будущей иконки 16х16 или 32х32 пикселя, на своих сайтах я использую размер 32х32 пикселя.

Color depth of icon - выбираем битовую глубину цвета, обычно это 8 или 24 бита, я использую 24 бита.

Далее жмем на кнопку: Save icon (сохранить иконку), в открывшемся интерфейсе указываем куда мы будем сохранять пиктограмму и жмем: OK. Всё, пиктограмма для сайта готова, закачиваете её на свой сервер.

Теперь у Вас есть своя собственная пиктограмма сайта, которая будет отображается рядом с url-адресом сайта в адресной строке браузера и рядом с названием сайта в "Избранном" или в "Закладках" вместо стандартной установленной на компьютере по умолчанию. А значит сайт получит еще один штрих на пути к индивидуальности.

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

Выполните следующее: Удалите ссылку на ваш сайт из "Избранное" ("Закладки") браузера. Очистить кэш браузера. Добавьте заново ссылку на ваш сайт в "Избранное" ("Закладки") браузера. Если после этого Вы не увидите иконки сайта, проверьте: формат, размеры и глубину цвета изображения.

Всего Вам доброго!

Купить программу Favicon Creator

 

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

"Как сделать книгу в PDF формате". Практическое руководство.

Практическое руководство по созданию PopUp (ов) привлекающих внимание.

Как обналичить виртуальные деньги?

Хотите научиться искусство Копирайтинга? Читайте...

Какими программами пользоваться для создания сайтов и для работы в Интернете?

 

Купить программу Favicon Creator

 

Просмотров: 15775


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Виктория
Дата: 2011-04-21

Здравствуйте! У меня сайт на движке ВордПресс. Для него есть плагин, чтобы установить фавикон на сайт. Но... Если сделать так, как написано в этой статье, то плагин не нужен. Я правильно понимаю?

Комментарии добавил(а): АндрейК
Дата: 2011-04-22

Если Вы пропишите в файлах строчку кода: <link rel="shortcut icon" href="http://www.luksweb.ru/favicon.ico"> то не нужен

Комментарии добавил(а): Юрий Семёновых
Дата: 2011-07-30

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

Комментарии добавил(а): Наталия
Дата: 2011-07-30

А у меня фавикон прописан следующими двумя строчками: <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> и прекрасно отображается.

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

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Видео Курс по созданию
Информационного Бизнеса в Интернете
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT