400 плагинов     31 онлайн-сервис     8 сервисов заработка на блоге     используем вместе
NoFollow Free – DoFollow сайт

7 заповедей или совершенно Не секретная инструкция о значке сайта. Часть 1

Автор: Павел | Рубрика: Коммерч. сайты, Советы

1-ая заповедь:

Фавикон можно создать для любого сайта, в том числе и для блога на WordPress.

Фавикон (favicon.ico) – это значок, иконка, пиктограмма сайта, который отображается в:

- адресной строке браузера, когда вы находитесь на сайте;
- в “Избранном”,
- на рабочем столе, если вы вынесли туда свою закладку на сайт;
- в выдаче поисковой системы (в “Яндексе” точно).

У многих его нет, но, по моему мнению, любой, уважающий себя сайт, должен его иметь. Как говорится “мелочь, а приятно!”

2-ая заповедь:

Вначале вам нужно создать основу для фавикона – рисунок, который должен отображаться в адресной строке и т.п.

Так как в адресной строке браузера показывается рисунок размером всего 16 x 16 пикселей, то тут особо не разгуляешься, так как в этот маленький квадратик нужно втиснуть чуть ли не логотип сайта (компании).

Поэтому используйте просто основные цвета вашего сайта, и какие-нибудь 1-2 буквы (как у меня). Хотя если у вас такой логотип, что он будет великолепно смотреться и в таком сжатом виде, то вам очень повезло.

3-я заповедь:

Создаем рисунок – основу фавикона.

Я его создаю в программе Macromedia Fireworks. Там все проще, чем кажется.

Например, для этого сайта я:

- выбрал размер холста (полотна) 200 x 200;
- выбрал красный цвет фона (холста, полотна);
- и через инструмент Текст ввел на холсте 1 букву “P”, просто выбрав при этом нужные размеры и шрифт.
Вот и все.

Если кому будет нужно, могу написать отдельную подробную статью как создать в Fireworks рисунок как у моего сайта.

4-ая заповедь:

Теперь нам нужно сгенерировать фавикон в виде favicon.ico.

Идем на сайт http://favicon.ru, там:

- выбираем через “Обзор” нашу основу;
- ставим галочки “значок 32x32px для десктопа” и “значок 48x48px для десктопа”;
- жмем “Создать favicon.ico”;
- и скачиваем файл.

Все просто. Дольше писать и читать, чем делать.

Favicon.ico готов!

Обратите внимание, что у этого файла обязательно должно быть расширение .ico.

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

Подпишитесь на рассылку сайта, чтобы не пропустить.

————————————————————————————————————

Главная проблема Sloger, Chipp и прочих…

Эксперимент по тИЦ можно считать успешным (+30)


Похожие статьи

Комментарии читателей

  1. Rylai |

    Итого все наши труды стройными рядами уходят в космос, потому что браузеры ищут FAVICON, FAVICON они ищут, а не faviKon.

  2. Павел |

    Да, действительно. Спасибо за замечание.
    Исправил.

  3. As |

    Я бы еще и порекомендовал сервис http://favicon.cc удобно быстро и без напрягов)

  4. NePoD |

    яша не хотел его кушать. надоело ждать, и я от него отказался :)

  5. Павел |

    Яндекс не сразу его “кушает”. Я создал и забыл, а потом через некоторое время время он появился в выдаче.

    Ессли favicon уже сделан, то зачем отказываться то …

  6. Инновационные устройства и футуристический дизайн(часть2). | Padblogger.Мой бортовой журнал |

    […] О том, как это сделать классно написано на сайте: "Продвинем вместе свои сайты"; 3) Очень весело и клева пишет сеошник […]

  7. Семен Бруква |

    Фавикон - это в какой-то мере символ того, что сайтом серьёзно занимаются.

  8. Павел |

    Согласен.

  9. Alek$ |

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

  10. Ту-ту-ту |

    Alek$, можно хотя бы один пример сайта с анимированным фавиконом? И под каким браузером на него посмотреть…

  11. Павел |

    Да, читал про такие, но сам не видел

  12. Alek$ |

    Ту-ту-ту, например http://www.mediacatalyst.com/ смотреть можно мозиллой.

    Кстати, на favicon.ru, на который вы в статье ссылаетесь есть вот такой пункт
    http://favicon.ru/faq/#12

  13. Fan Arsenala |

    Alek$ прав. Уже в каком-то комментарии давал ссылку на специализированный онлайн-сервис создания в том числе и анимированных фавиконов, который предназначен для людей, не владеющих графическим пакетом от Adobe.

  14. erix |

    я раньше считал, что эта картинка(в выдаче яндекса) есть только у сайтов которые в каталоге яндекса))

  15. регистр |

    гыыыыыыыыы……..а я вообще думаю, от куда бурутся эти картинки)

  16. Nu Photo Art Gallery |

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

  17. belooz |

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

  18. Жека |

    Alek$ . спасибо за подсказку, если честно - не знал

  19. Guskov |

    Никогда не понимал практического смысла в фавиконах.

  20. test-text |

    Фавикон - это что-то типа знака завершённости: сайт полностью готов к использованию :)

  21. Artur4ik0629 |

    блин а я мучался..думал как же создать эту дурацкую иконку(спасибо!

  22. Юлия |

    Согласна со вторым советом. Так у посетителя сразу создается ассоциация с названием и темой сайта. Кроме того, буквы в браузере видно лучше, чем рисунок (мелко все-таки).

Оставьте свой отзыв

Версия для печати Версия для печати              Получить в PDF            

© Все права защищены. проект “Продвинем вместе свои сайты”. Дизайн: Free WordPress Themes.
сайт сбербанк сайт работа.ру