Рассылка сайта
RSS ленты

feed-iconПодпишитесь на любую из RSS-лент и всегда будете в курсе новостей:

Все новости сайта
Сказки Старого Юзера
Мир Андроида

Хотите получать обновления по почте?
Введите ваш e-mail:

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

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

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

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

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

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

Генератор favicon

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

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

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

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

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

 
... 
 
... 
где вместо your-site.ru подставите имя вашего сайта, а  вместо path - реальный путь до файлa.

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

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

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


Комментарии:

Поиск
Сайт в соцсетях
vk_logofacebook_logotwitter_logogoogle_plus
 
Переводчик
Комментарии
  • GeoD 01.07.2014 20:57
    А пользоваться поиском Google или помощью по Facebook умеете? Если нет, то вот вам ссылка, как ...

    Подробнее...

  • Павел 01.07.2014 20:41
    Но как мне удалить свой аккаунт, если я не помню пароль от него, помню только номер, к которому ...

    Подробнее...

  • Amazonka 25.06.2014 16:01
    а если поставить счетчик Яндекс.Метрики на http://www.home-engineer.ru ? проблем не будет? а то ...

    Подробнее...

  • GeoD 30.05.2014 19:23
    Мурат, а вы обратили внимание на дату создания этой статьи? Поэтому здесь приведены возможно уже ...

    Подробнее...

  • Мурат Токонович 30.05.2014 18:21
    Мне больше понравился http://colorschemedesigner.com/

    Подробнее...

  • Мурат Токонович 30.05.2014 18:07
    Комментарий к фаейрволлу Agnitum... Я, как старый инженер, а ныне юрист, рекомендую. Если Вы чайник и ...

    Подробнее...

  • Роман 12.05.2014 09:52
    А если при прошлом удалении рута не работают гугл сервисы.

    Подробнее...

  • TED 11.05.2014 09:52
    вот тут все подробно описано как получить рут при KNOX http://youtu.be/2G9zwTBrFIE

    Подробнее...

Рассылка новостей

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

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

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

Связаться с автором? Просто

Если вам нужно связаться с автором сайта по вопросам, не вмещающимся в рамки комментариев, пожалуйста, пишите на email, пользуясь Формой письма на странице Контактов >> Форма обратной связи.

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

Заработок на сайте

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

  • Profit-Partner - хороший заработок на контекстной рекламе от Яндекса;
  • TrustLink - биржа ссылок, дает неплохой доход для вебмастеров;
  • Sape - еще одна биржа покупных ссылок;
  • MegaIndex - бесплатный анализ сайта;
  • Advego - заработок написанием статей, уникальный контент для вебмастеров.
  • Miralinks - заработок на размещении статей.
Cloudim - онлайн консультант для сайта бесплатно.
Показатели сайта. Счетчики

тИЦ и PR сайта

Проверка PR и ТИЦ

Яндекс.Метрика

Яндекс.Метрика
Траст geodum.ru   Настоящий ПР geodum.ru   Alexa/PR сайта geodum.ru
gototop