Как сделать иконку для сайта онлайн за 11 минут не напрягаясь

Рубрика: Блогинг
как сделать иконку для сайта за пару минут
Автор:
Дата:

Приветствую, друзья! На связи, Максим Бойко и на повестке дня у нас фавиконы для блогов и сайтов. В этом посте я расскажу, как создать свой favicon и вставить на свой ресурс.

Я так полагаю, вы в курсе, что это такое? Или нет? Для не сведущих или забывших, напомню – это символ (логотип), который располагается во вкладке открытого сайта, перед текстом. Также, иконка может находиться и перед url в адресной строке. Для наглядности, демонстрирую картинку:

расположение фавикона на сайте

Как создать фавикон с помощью онлайн-сервисов

Уверен, что в интернете существует не один сервис для создания иконок, однако наиболее известные из них — http://www.favicon.cc и http://favicon.ru. Они позволяют создавать иконки онлайн, для начала расскажу о первом из них.

Главная страница сайта выглядит следующим образом:

фавикон ico

Итак, как же сделать иконку для сайта? Всё просто – выбирайте любой понравившийся цвет и начинайте рисовать. Чтобы удалить косяки, которые могли появиться в ходе работы, используйте инструмент для стирания – transparent.

Вот что получилось у меня:

пример фавикона созданного в онлайне

Красным я обвёл получившуюся фавиконку, которая располагается перед «урлом» нашего сайта. На самом деле всё очень удобно – отрисовав любую иконку, вы тут же можете посмотреть на результат своего художества, нажав кнопочку Preview.

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

Фавикон.ру

Как вы поняли, этот сервис является русскоязычным. Кстати, он позволяет создать иконку не только путём рисования, но и с помощью загрузки готового изображения. Думаю, даже нет смысла объяснять, как загрузить свою картинку и затем скачать готовый фавикон. Всё, как всегда, предельно просто.

Читайте также:  Выбор ниши для блога на основе популярности и конкуренции

сайт фавикон.ру

Кроме использования этих двух сервисов, можно воспользоваться сайтами с уже готовыми иконками. Примером такого сайта может служить:

http://www.iconj.com/gallery.php

Да и первый сервис, который мы рассматривали, также позволяет использовать готовые картинки.

Фавикон с помощью фотошопа

Обладаете навыками рисования в известной программе photoshop? Что же, тогда можете создать свою уникальную иконку сами. Только не нужно создавать высокохудожественные полотна – их всё-равно никто не оценит кроме вас, т.к. размер сохраненной картинки не должен превышать 16 x 16.

Кстати, сохранять изображение необходимо в формате ico. Именно он поддерживается практически всеми современными браузерами.

Добавляем фавикон на сайт

Чтобы «присобачить» свою иконку к сайту, нам потребуется проделать следующее:

  1. Скачанную иконку загрузить на хостинг в корневую папку сайта:добавление готового фавикона в корневую папку сайта
  2. Затем, открываем файл header, можно там же, в корневой папке. А можете в админке сайта или блога, как это сделал я:открываем файл хедер для вставки кода будущего фавикона
  3. После этого необходимо прописать следующий код:

<link rel="shortcut icon" href="http://адрес_сайта/favicon.ico"; type="image/x-icon" />

<link rel="icon" href="http://адрес_сайта/favicon.ico"; type="image/x-icon" />

  1. Только не ошибитесь местом! Вставлять код, предварительно заменив адрес сайта на свой, нужно перед тегом <head> и до закрывающего тега </head>.

После вставки кода не забудьте сохранить файл и обновить страницу блога, чтобы увидеть изменения – новую фавиконку своего блога.

Если вам надоест новая иконка, вы всегда можете её заменить, воспользовавшись теми же советами. Как вы поняли, для создания фавикона нужно произвести всего несколько действий:

  • Зайти на один из сайтов для создания иконок (или скачать уже готовую);
  • Загрузить в корневую папку файл (изображение);
  • Вставить специальный код в файл header на своём сайте.

Что же, на этом будем заканчивать. Хочу посоветовать интересный пост о заработке в интернете без вложений — помогает спуститься с неба на землю. Обязательно заходите на мой блог, комментируйте и лайкате посты. Я буде признателен! Чем больше лайков, тем больше вашего внимания я получу, тем больше интересных постов будет появляться.

Не забывайте подписываться на рассылку – форма находится под этой статейкой. Всем пока!

P.S. Кстати, в ближайшее время хочу начать серию постов, пока не буду говорить какую – всё сами узнаете!

Читайте также:  Как определить посещаемость сайта — несколько способов

С Уважением, Максим

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

На мою рассылку подписались 9000 человек! Скорей подпишись и получи от меня подарок.

Комментариев к статье: 0

  • Комментариев пока нет, но вы можете стать первым!

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

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