Как создать favicon для сайта или блога

Доброе время суток уважаемые посетители!

Сегодня мы с Вами поговорим о создании favicona, то есть, прочитав данную статью, Вы узнаете, как создать favicon для своего ресурса. Эта статья будет написана, прежде всего, для новичков, так как опытные блоггеры знают все о создании favicona и о его важности.

Мы будем работать со специальным сервисом, в котором можно его легко создать или там же нарисовать свой. После того как мы познакомимся с сервисом, узнаем о том, как вставить favicon на сайт или блог.

  1. Что это
  2. Зачем он нужен
  3. Как создать лучший
  4. Самый уникальный

Что такое favicon

Фавикон это маленький значок, который отображается во вкладке браузера. Посетители его будут видеть всегда, пока читают Ваш сайт или блог. Также он отображается в поиске Яндекс. Покажу на примере своего. Пишем запрос в поиске Яндекс: «Блог Алексея Кобзарева», можно с маленьких букв, это не имеет значения, смотрите на картинку.

Что такое favicon

Видите маленький синий кружок? Это и есть favicon.

ЗАЧЕМ ВООБЩЕ НУЖЕН FAVICON?

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

Кроме людей, faviconi любят поисковые роботы. Не то, чтобы любят, обожают, жить без него не могут! Просто таким ресурсам, у которых есть фавикон, присваивается больше доверия, а чем больше доверие, тем больше посещаемость! Чем больше посещаемость, тем больше сможете зарабатывать на блоге! Если на блоге не собираетесь зарабатывать, то просто будете радоваться тому, что Ваш труд не напрасен. Помните, на блоге можно зарабатывать! Зачем упускать деньги?

КАК СОЗДАТЬ FAVICON НА ОДНОМ ИЗ ЛУЧШИХ СЕРВИСАХ?

Мы будем пользоваться сервисом, который так и называется favicon. Для перехода нажмите сюда. Только не пугайтесь, что он буржуйский! Я буду показывать все на примере, Вам ничего переводить не нужно! Почему я написал на одном из лучших сервисах? Потому что таких сервисов много! Потому что он есть один из лучших и самых проверенных сервисов для создания favicona.

Лучший сервис по созданию favicon

И так, давайте начнем. Если еще не зашли, вот ссылка на сайт по созданию фавикона, заходите. Тут у нас открывается несколько вариантов для создания, но мы будем использовать только два из них «Create new» и «Import image».

Create new означает – создание нового, уникального фавикона, то есть рисование. Import image – импортирует любую картинку, которая Вам понравилась и делает из нее файл с расширением .favicon.

Первый способ «Creat new»

Нажимайте в сервисе на ссылку «Creat new». Выбирайте цвет, которым будете рисовать. Ставьте прозрачность кисти, если надо. Лично я оставлю прозрачность по умолчанию, то есть как она и есть 100%. Ниже идут слои (квадраты), с помощью их можно будет сделать картинку favicona в 3D формате, а может даже и лучше. Но я не художник, может быть Вы художник? Покажу только основы, а рисовать уже будете сами.

Как нарисовать favicon

Для скачивания готового favicona к себе на компьютер, нажмите на ссылку «Download favicon». После чего выбирайте место на компьютере и жмите кнопку сохранить. Это был первый способ по созданию, а теперь перейдем ко второму.

ВТОРОЙ СПОСОБ СОЗДАНИЯ FAVICONA «IMPORT IMAGE»

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

Картинку можно нарисовать в Photoshop. Также можно скачать готовую картинку, а потом добиться ее уникальности. Если есть желание нарисовать новую картинку, и не умеете рисовать в фотошопе, то смотрите это видео:

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

Искать подходящее изображение мы будем в Яндекс картинки, поисковой системе. Там можно найти замечательные картинки и бесплатно ими воспользоваться. Жмите здесь для перехода и пишите запрос, связанный с тематикой вашего ресурса, например, я напишу «Создание продвижение сайтов, видеокурсы».

Смотрите, что нам выдала поисковая система Яндекс. Много картинок, ищем ту, которая понравиться. О, вот прикольная, на какашку похожа:

Фавикон похож на какашку

Нет, такая нам не пойдет! У нас же серьезный блог, правда? Поставив такой favicon, с нас будут ржать. Хотя в этом есть свои плюсы, наш блог запомнят! Ну да ладно, мы найдем красивую и запоминающуюся картинку, пошли искать дальше…

Наконец-то, я нашел ее, надеюсь, Вы тоже!

favicon newbook

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

Есть вариант еще проще. Нажмите правой кнопкой мыши на изображение, в выпадающем списке, выберите «Копировать картинку». Теперь запустите Photoshop. Нажмите файл/ создать новое окно, подтверждайте создание, нажав OK или, да, и зажмите клавиши CTRL+V, картинка вставиться. Выбирайте сами, какой вариант Вам больше подходит, лично мне второй. Для тех, у кого нет фотошопа, могут скачать его по этой ссылке. Не нужно его устанавливать, он и так будет работать. Скачайте и проделайте все тоже, что описано Выше.

КАК СДЕЛАТЬ КАРТИНКУ УНИКАЛЬНОЙ ДЛЯ ФАВИКОНА?

Здесь не буду уже писать об уникальности, так как такая информация уже есть «Как сделать картинку уникальной». >После того, как сделали картинку уникальной, возвращаемся на сервис favicon.cc и нажимайте на ссылку «Import image».

Загрузить фавикон

Теперь жмите «Выбрать файл» и выбирайте картинку нажатием на кнопку открыть, после этого жмите кнопку «Upload». Сервис быстро обработает наше изображение и создаст favicon. Мы видим, как он отображаться на вкладке браузера:

Отображение favicona

Скачивайте его на компьютер и запускайте FTP клиент. Лучше использовать File Zila, она удобнее. Дальше будет инструкция для абсолютно всех владельцев сайтов, блогов и любых других web-сервисов.

После открытия FTP клиента, заходите в папку «Publice.html», www или в папку с названием Вашего сайта. Прямо туда, закидывайте созданный нами Favicon.

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

Сразу предупреждаю, что с начало изменения могут быть не видны. Чтобы увидеть изменение, нужно будет выждать какое-то время, но уже точно будете знать, что фавикон создали и вставили на сайт или блог. А Вы вставили?

На этом у меня все. Теперь знаете, как создать favicon и как вставить favicon на сайт или блог. Как Вам статья? Подписывайтесь на [urlspan]обновления блога[/urlspan], чтобы ничего не пропустить.

С уважением, Алексей Кобзарев



Интересный и полезный контент

23 thoughts on “Как создать favicon для сайта или блога

  1. Сергей

    Алексей, скажите, через File Zila можно создать подпапку на своем домене и загрузить туда страницу, дизайн которой радикально отличается от темы моего блога?

    1. Алексей Кобзарев Автор записи

      Можно, только если она будет закрыта от индексации в robots.txt. Правилом — Disallow: adresstranici.

      Лучше создать поддомен типа: http://forum.advdk.com/. Он будет считаться как отдельный адрес и туда можно загружать даже новыq блог. Его можно создать на хостинге, которым Вы пользуетесь. У меня это раздел мои сайты/ добавить поддомен.

      1. Сергей

        Спасибо! Вот на днях отпраздную 45, поменяю паспотр, доделаю продукт и к нему страницу подписки загружу.

        1. Алексей Кобзарев Автор записи

          Классно! Какого числа 45 исполняется?

        2. Алексей Кобзарев Автор записи

          С наступающим!

  2. Надежда Давыдова

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

    1. Сергей

      Поддерживаю без лести. Полезно, интересно, по-человечески. Это очень приятно и важно в наше дурацкое время.

      1. Алексей Кобзарев Автор записи

        Время и правда дурацкое, особенно у нас в Украине (война).

  3. AAMix

    … нужно будет выждать какое-то время, но уже точно будете знать, что фавикон создали и вставили на сайт или блог. А Вы вставили?

    Вставил и я! Приятно видеть как в поиске всплывает твоя подсказка для посетителей твоего сайта.

    Алексей! Приятно познакомиться с твоим блогом. У меня вопрос. Как будет лучше?

    Подскажи, на разных сайтах выставлять один и тот же фавикон, или использовать разные варианты, но в основе использовать какой — то основной.

    С уважением Александр Афанасьев.

    1. Алексей Кобзарев Автор записи

      Добрый день Александр! Думаю, что будет лучше использовать разные фавиконы на разных сайтах. Почему так думаю? Потому что все любят уникальность! Если кто-то из посетителей не обращает внимание на favicon, то поисковые роботы по любому на него смотрят и фиксируют у себя в базе как знак бренда или чего-то еще.

  4. AAMix

    Большое спасибо! Я выставил только на одном — wp-forday.ru, а относительно других призадумался. Твой совет дельный, я также думал об этом. Спасибо!
    С уважением Александр Афанасьев.

  5. ирина

    Спасибо за познавательную статью по установке favicon для сайта. Я, честно сказать, даже и не знала как такая картиночка называется.Теперь буду ожидать результата того чего наустанавливала. 😮

  6. Аянбек

    Я поставил фавикон на своем блоге, сейчас он отображается при работе в админ панели, когда же переходишь на блог, там отображается старый фавикон, в чем тут может быть дело? подскажите.

    1. Алексей Кобзарев Автор записи

      Наверное кэш еще не обновился.Должно пройти какое-то время, чтобы показывался новый.

  7. Марина

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

    1. Алексей Кобзарев Автор записи

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *