Георгиевская ленточка

Фавикон для Blogger

12.09.2012

Фавикон (от англ. FAVorites ICON — «значок для избранного») - это иконка сайта/блога или веб-страницы. Отображается она на закладках в браузере. Рядом с названием сайта. По умолчанию, для сайтов, созданных на платформе Blogger, фавикон выглядит как их фирменный логотип. Только в уменьшенном варианте. И его можно легко изменить.

Можно поискать готовый фавикон в Интернете. Там их превеликое множество. Но нет никакой гарантии, что такой же иконкой не воспользуется другой автор сайта. 
Лучше все-таки создать свой, чтобы "выделяться из толпы".

Как создать фавикон (favicon) для сайта онлайн

Самый лучший сервис на русском языке, которым я пользуюсь сама - Favicon.ru

Сервис предлагает несколько вариантов:
  • сделать favicon из изображения - т.е. из готовой картинки, которую Вы нашли,

  • нарисовать favicon самим - что более интересно,
  • заказать создание фавикона профессионалам - если, конечно, у Вас есть на это средства :)
Расскажу о втором варианте- самом интересном и, главное, бесплатном.

Итак, заходим на сайт Favicon.ru. Выбираем пункт "Нарисовать favicon":




Дальше рисуем по клеткам: слева выбираем цвет, внизу под рабочим полем инструмент.

Их всего 5: 
  1. Рисовать - для закрашивания отдельной клетки. 
  2. Прозрачный - если оставите клетку прозрачной (они изначально такие), то Ваш фавикон получится на прозрачном фоне. И на закладках в браузере будет "просвечивать" фон закладки. 
  3. Пипетка - чтобы "запомнить" цвет клетки и таким же закрасить другую клетку. Просто, когда выбираешь цвет на палитре, каждая выбранная точка соответствует определенному цвету. И именно в эту же точку сложно попасть. Может, только мне? :) 
  4. Переместить -  позволяет сдвинуть весь рисунок в нужную сторону. 
  5. Заливка - зарисовка всего фона или нескольких клеток сразу одним цветом.

 Ниже можете посмотреть пример фавикона, который я нарисовала для этого сайта http://samasajt.blogspot.com/


Что мне нравится в сервисе Favicon.ru - то, что можно сразу в режиме онлайн под рисунком посмотреть, как будет реально выглядеть Ваш фавикон на закладках браузера. 

Если Вам все нравится - справа от окошечка предпросмотра найдете кнопку Скачать. Сохраняете его на свой компьютер. И уже не изменяйте в других редакторах.

Обычно фавикон загружается в корневую папку сайта (на платных хостингах). В Blogger'е все гораздо проще. Заходите в настройки блога - пункт Дизайн

В левом верхнем углу схематического изображения шаблона есть гаджет "Значок". Нажимаем на Изменить:



В всплывающем окне нажимаем кнопку Выберите файл и выбираем загруженный ранее favicon на компьютере:


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

Кстати, favicon еще будет потом отражаться в результатах выдачи при поиске сайта, например, в Яндексе. Увидеть его можно слева от адреса и описания сайта. Вот пример моего сайта (тоже на Blogger):


Желаю Вам хорошей фантазии и уникального фавикона!



9 комментариев:

  1. Маш, супер, то что надо!)) А для особо одаренных (для меня))), можешь еще раз объяснить, я могу минуя фавикон, просто загрузить нужную картинку? И по опыту, сколь часто происходит индексирование сайтов?

    ОтветитьУдалить
    Ответы
    1. Спасибо ))) Специально для Вас проверила - да, можно просто загрузить картинку: "квадратное изображение объемом менее 100 Кб. Картинка загружается нормально. Но нужно учитывать итоговый размер, отображаемый в браузере - по-моему, 16х16 пикселей. Сайт Favicon.ru автоматически сохраняет картинку нужного размера. Можно свою туда загрузить или нарисовать. К тому же, там можно предварительно посмотреть - как все будет выглядеть "реально".
      Если Вы все же хотите просто свою картинку загрузить и не "париться" (как говорит моя дочь-подросток), то попробуйте ее для примера уменьшить до этого размера. Чтобы потом не переделывать и не ждать, когда Ваш блог снова проиндексируется. Про частоту не могу пока сказать. Надо посмотреть на спец. сайтах.

      Удалить
  2. Прикольно))) Я только по другому сделала, я просто скачала красивый фон, и в паинте обрезала как квадрат, и на ней нарисовала две первые буквы из названия блога)

    ОтветитьУдалить
  3. как сделать гаджет в своей рамке?

    ОтветитьУдалить
    Ответы
    1. Попробуйте посмотреть в блогах 1)http://www.magentawave.com/2012/03/decorative-border-in-blogger.html ИЛИ 2)http://shpargalkablog.ru/2010/12/pomenyat-fon-gadzhetov-blogger.html

      Удалить
    2. спасибо!я нашла тоже самое , но не могли бы вы объяснить по-легче?

      Удалить
  4. Мария, ваш Favicon виден в результатах поиска Яндекса. А вот наш - нет. Скажите, что не так, хотя Яндекс проиндексировал наш сайт. Спасибо.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Попробуйте другой сервис http://www.favicon.by/ Сегодня для другого блога сделала там фавикон. Очень быстро стал отображаться в браузере.

      Удалить
    2. А разве Яндекс рзличает где сделан favicon на favicon.ru или favicon.by.

      Мы делали на favicon.ru. Загрузили на блогспот (через пунт Дизайн).

      Удалить

Загляните и на другие страницы ^