Создание иконки (favicon) для блога.

Дата: 27.10.2010 | Просмотров: 1,455 | Рубрика: Полезное, Фенечки | 23 комментария

Иконки (favicon)Привет, дорогие Читатели ! Сегодняшняя тема  продолжит тему предыдущей публикации, я решил объединить их в одну рубрику под весёлым названием «Фенечки».

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

Если в прошлой публикации мы с Вами научились создавать и устанавливать аватарку для комментариев, то сегодня мы узнаем, как создать и установить иконку для нашего блога.

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

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


Сам процесс создания и установки иконки ещё более прост и быстр, чем установка той же аватарки из предыдущей публикации, и не занимает много времени. Для этого нам понадобится один из многочисленных бесплатных сервисов, представленных в Интернете. Достаточно вбить всего лишь одну фразу «Создание иконки для сайта» в окно поиска любого из поисковиков и выбрать понравившийся ресурс. Лично я использую для этих целей самый старый, проверенный и поэтому популярный сервис www.favicon.ru

Здесь я не буду описывать процесс создания и установки иконки на данном сервисе, чтобы не повторяться, так как там всё описано в деталях и показано пошагово, так что справится даже ребёнок. Картинку (или изображение), которую Вам необходимо указать на сервисе для создания из неё иконки, можно сделать самому (конечно, если Вы обладаете необходимыми знаниями) в одном из графических редакторов (например, Фотошоп) или найти уже готовую в Интернете.

Для поиска разнообразных иконок  хочу предложить Вам один великолепный сайт, который не раз выручал меня раньше и которым я пользуюсь постоянно по сей день, он так и называется www.iconsearch.ru.  Думаю, там Вы обязательно подберёте иконку для своего блога, если нет, то всегда можете воспользоваться поиском в Интернете.

P.S. В комментариях к предыдущей публикации высказывались пожелания для большей наглядности добавлять скриншоты или вообще записывать видео, но так как выполнение сегодняшнего задания является элементарным (особенно по сравнению с тем, что мы уже знаем и умеем) и тем более его процесс подробно описан на самом сервисе, то я сначала решил обойтись вообще без скриншотов и тем более видео.

Но при слове видео я вдруг вспомнил, что когда-то уже его записывал и вот, поскребя по сусекам… Нашёл ! Можете посмотреть, но только чур, сильно не ржать смеяться, так как это было вообще одно из первых, если не первое видео, которое было мной записано, плюс ко всему это было сделано с самым простым микрофоном, соответственно качество звука просто ужасное.

Скачать урок: "Создание иконки (favicon)" | 5:44мин / 3.80мб | Видео скачано: 349 раз

Пусть это будет весёлым бонусом к данной публикации. Видео записано с расширением .swf, поэтому после скачивания и распаковки архива щелкните по файлу, на котором так и написано «Для просмотра, жми на меня !» и видео откроется в окне Вашего браузера. Хи-хи, приятного просмотра !

Есть вопросы или отзывы (только, если не слишком ехидные) о видео ? Жду в комментариях !

Понравилась публикация !? Хотите получать новые прямо в свой почтовый ящик ? Нет ничего проще !
Понравилась публикация !? Поделитесь с друзьями в :
               Опубликовать в своем блоге livejournal.com

Просьба автора !
23 комментария
  1. 1
    Jur & Ko Пишет:

    Давно как-то скачал с вебстройки . Ничего все нормально . Кому надо тот разберется .Я лучше в знак благодарности по рекламке пощелкаю . Какая тут у Вас самая дорогая ? ;)

  2. Ура! Получилось! Спасибо! Долго подбирала картинку покрасивее, оказывается, чем проще и ярче - тем лучше.

  3. А у меня почему-то очень не чётко получилось. Почему?

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

  5. Иконка очень здорово помогает выделятся в поиске Яндекса.

  6. Подскажите как иконку поместить на сайт, не очень понятно где эта корневая папка.

  7. 9
    Нина Пишет:

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

  8. Алексей, мне нужно просто жить на Вашем. блоге. Для меня тут одни полезности. А помогите, пожалуйста советом, как поставить кнопку - Copyright ©? Помогает ли она не использовать опубликованные статьи другими владельцами сайтов в корыстных целях? 2 статьи "тиснули" с моего блога, вставили в свой, и теперь по ключевым словам этих статей ищется не мой блог, а "вражеский" ...

    • Копирайт - это просто красивая фишка, никакой защиты от воровства контента она не даёт. Статьи с этого блога постоянно копируют, причём не один, а множество сайтов. Нужно относиться к этому филосовски, как к бесплатной рекламе своего блога. Если копируют, значит информация блога действительно интересна и полезна, это тоже не может не радовать.
      P.S. Мой блог от этого не страдает, он уже имеет достаточный вес в глазах поисковиков, поэтому статьи блога всегда выше в выдаче, чем на ворованных сайтах.

  9. 12
    Светлана Пишет:

    Алексей, скажите, пожалуйста, почему в браузере Safari иконка не появляется, хотя в других браузерах ее видно?

    • Должна появиться, если Вы только поставили иконку, то это может произойти не сразу. Чтобы это ускорить, можно сбросить кэш в настройках браузера.

  10. 14
    Ирина Пишет:

    Алексей, простите я немного не в тему! Во-первых, я зачарована Вашим блогом - всё чётко скомпоновано. Во-вторых, если можно несколько слов о том скрипте, который у Вас класно сделан "Тематические видеокурсы" - мне понравилось внешнее оформление. Если у Вас у же есть такой урок, хотелось бы посмотреть.

    • Благодарю за комплименты! Баннер с видеокурсами, это сторонний скрипт от издательства InfoDVD, сам баннер настраивается у них и оттуда берётся уже готовый код, который Вы можете установить на своём блоге.

  11. Извините, Алексей. Не знала, куда воткнуть свою просьбу, поэтому пишу в комментариях. Не могли бы Вы записать видеоурок - как вставить баннер в шапку блога или еще куда-либо на блог? Я убила сегодня три часа на поиски, но толковых объяснений так и не нашла. Все приводят скриншоты со своих ресурсов, а если у меня ничего похожего и в помине нет? Пару раз поэкспериментировала - пришлось делать бэк-ап. Я уверена, что у Вас все будет доходчиво объяснено. А возможно, где-то на блоге оно уже и есть? Тогда подскажите, пожалуйста.

    • Вы практически сами ответили на свой вопрос! Ваша цитата "Все приводят скриншоты со своих ресурсов, а если у меня ничего похожего и в помине нет?".
      Это говорит о том, что каждый шаблон индивидуален, то что получается на одном, на другом делается иначе. Поэтому здесь нельзя записать универсальный видеоурок, который поможет всем! Так что Вам придётся разбираться самостоятельно или кого-то просить.

  12. Алексей, я опять с вопросом. Сделала фавикон 16х16, а он настолько мелкий - без лупы не разберешь. Ваш занимает весь квадрат в браузере. а у меня - квадрат в квадрате. В чем может быть причина?
    И потом, насчет воровства контента - не успокоили. Это Вам жулики не страшны. А если воруют на молодых блогах, да еще систематически, то эти блоги где были - там и останутся. Никто "плагиаторов" продвигать не будет.

    • При создании иконки нет никаких секретов, изображение уменьшается пропорционально исходному. Поэтому делайте или выбирайте изображение, которое размещено на всей площади, а не только по центру.
      На данный момент (да и всегда) нет 100% гарантии от воровства контента. Мой блог тоже был молодым и с него тоже воровали, и продолжают воровать. Я даже знаю кто и с каких сайтов. Я отношусь к этому, как к бесплатной рекламе. Если воруют, значит контент стоящий и востребованный. Никто не будет воровать то, что никому не интересно.

  13. Это понятно и есть, чем гордиться. А вот Яндекс, если зачислит безвинный молодой блог в плагиаторы - тоже будет им гордиться? Или просто перестанет замечать?
    Ладно, бог с ним. У меня к Вам, Алексей, вопрос не по теме поста. Я заметила, что у Вас есть посты, относящиеся сразу к двум категориям. А так можно? Мне говорили, что лучше сразу умереть, чем допустить такое? Что-то там слипнется - и до свидания. Если можно - в двух словах. В нете ответа не нашла.

    • Для любого поста можно выбирать не одну, а несколько тематичных рубрик. Не знаю, у кого и что слипнется, я сладкого ем мало:D У меня с этим проблем нет! Это в двух словах!

  14. Алексей, хочу подробностей. Ну не у кого их узнать. Вы относите один пост к двум рубрикам, и у них одинаковый хвост (анкор). Просто в Яндекс-мастере у меня была целая страничка с одинаковыми урлами. А смысла я так и не поняла. Объясните, пожалуйста, в трех словах.
    И еще - фавикон. Поставила я фотографию - ну, думаю, теперь все будет, как надо. А она опять мелкая. Когда Вы создаете его на сервисе фавикона, Вы какие-нибудь размеры задаете? Зайдите, пожалуйста, на мой блог - может быть, я не объяснила толком?
    Чувствую, надоела Вам с вопросами. Вот эти выясню и отстану.

  15. Извините, Алексей. Я все выяснила. Ответа не нужно.

Напишите свой комментарий !
Внимание!  Ваш комментарий к публикации появится сразу, без проверки (модерации).
Если в комментарии 2 (две) и более активных ссылок, то тогда сначала на проверку.






:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: