Онлайн инструмент для создания изображений favicon

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

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

Инструмент для создания и редактирования изображения favicon.

Изображение favicon обычно служит своеобразным логотипом вашего сайта и его наличие является признаком хорошего тона, профессионализма сайта. По этому лучше его иметь на сайте. Он важный элемент современного веб-дизайна, позволяет сайту быть заметным в закладках и в "Избранном", бросаться в глаза среди табов в любом современном браузере, выглядеть стильно и современно в адресной строке. Ваш образ и ваше имя запомнятся посетителям сайта сразу и навсегда! Кроме того, Яндекс показывает фавиконку в результатах поиска, что также выделяет ваш сайт.

Онлайн генератор favicon находится по адресу http://www.favicon.cc/ . Он представляет собой простейший онлайн графический редактор, для работы с которым не нужно никакой предварительной подготовки.

Генератор favicon

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

Инструмент позволяет создавать не только статические изображения, но и анимированные фавиконки в виде набора фреймов (кнопка Use Animation ниже поля рисунка открывает дополнительные опции для этого).

Слева меню, которое позволяет: начать новый рисунок; загрузить рисунок с компьютера, который будет автоматически уменьшен до размеров фавиконки; посмотреть ранее созданные вами (при условии регистрации) или другими пользователями иконки, а также и другие опции.

Регистрироваться на сайте для создания рисунка не обязательно. Но если вы зарегистрируетесь, то станете членом сообщества и сможете сохранить все созданные вами иконки в одном месте - в своем личном кабинете.

Созданную вами фавиконку нужно сохранить у себя на компьютере в виде файла с именем favicon.ico, а затем загрузить его в корневой каталог вашего сайта. Если вы по каким-либо причинам не можете разместить данный файл в корне своего сайта, то используйте в коде страниц сайта (между тегами head) директиву

<head> ... <link rel="SHORTCUT ICON" href="http://your-site.ru/path/favicon.ico"> ... </head>
где вместо your-site.ru подставите имя вашего сайта, а  вместо path - реальный путь до файлa.

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

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

И в заключение. Если вам не хочется самому рисовать свой фавикон, то можно пойти на сайт http://www.iconfinder.com/, где вы найдете ни много, ни мало, а 155 тысяч (!) готовых иконок на любой вкус, скомпонованных в 760 наборов.


Поделитесь ссылкой

Буду признателен, если добавите ссылку на эту страницу в социальные сети:

Поиск по сайту
Поиск от Яндекса
Рассылка

Информационный портал Subscribe.ru

Дорогие друзья!
Вы можете подписаться на рассылку материалов сайта GeoDum.ru через сервис рассылок информационного портала Subscribe.ru. Она называется, как и сайт, "Сказки старого юзера". В рассылке представляются анонсы наиболее интересных материалов из различных разделов. Обычная периодичность рассылки - раз в неделю (по вторникам).

ПОДРОБНЕЕ...

Заработок

Хотите заработать на своем сайте? Тогда зарегистрируйтесь на этих ресурсах по моим реферальским ссылкам:

  • Kwork - магазин услуг фрилансеров.
  • MegaIndex - бесплатный анализ сайта.
  • Advego - заработок написанием статей, уникальный контент для вебмастеров.
  • Miralinks - заработок на размещении статей.
  • Webartex - заработок на написании и размещении статей.
gototop