RSS

Как создать фавикон

Дорогие читатели блога, вы уже наверное заметили, как мы плавно переходим от теории к практике. На страницах блога уже можно найти информацию о самых основных способах заработка в сети и их реализации.

Много внимания было уделено понятию «email-маркетинг», что играет практически определяющую роль в процессе продвижения себя и своего ресурса. Теперь пришло время разбираться в вопросах практики. Вы знаете что такое фавикон? Зачем он нужен? Как его установить на своем сайте? Сегодня Вы все это узнаете!

Зачем нужен?
Фавикон — это не что иное как английское словосочетание «favourite icon», которое можно дословно перевести как «любимая иконка», но употребляется она в качестве понятия «иконка для избранного». Иными словами, это своеобразный логотип сайта, который уменьшен во много раз и отображается в адресной строке слева от пути к сайту перед URL, в поисковой выдаче возле заголовков и на панели закладок.

Он является обязательным к установке для тех, кто стремится сделать свой сайт узнаваемым. Более того, такая на первый взгляд «мелочь» выглядит очень даже респектабельно, что влияет на репутацию ресурса и повышение доверия постоянных читателей и других пользователей. Вот представьте, ищите Вы информацию о том, КАК ДОБАВИТЬ СВОЙ САЙТ В ПОИСКОВЫЕ СИСТЕМЫ, и среди первых же ссылок видите знакомый логотип, Вы будете искать дальше или перейдете на знакомый сайт? Думаю, что дальнейшие комментарии к этому вопросу не имеют смысла.

Какие бывают фавиконы? Здесь все очень просто, фавикон может быть или анимированным, или в виде обычного статичного изображения, или с элементами 3D.

Для начала необходимо подобрать или нарисовать уникальное изображение. Оно должно иметь равные пропорции сторон. Стоит учитывать, что далеко не каждая картинка подойдет для данной задачи, ведь фавикон должен иметь размер 16×16 или же максимум 32×32. Поэтому все элементы на изображении должны быть четкими и контрастными, чтобы при таком масштабе их можно было различить.

Каким он должен быть?
1.На изображении может быть 1 большой (он же главный) элемент, который по цветовой гамме очень сильно отличается от фона. Как мы уже говорили, при изобилии разных деталей после уменьшения картинки все размажется или размоется.
2. Изображение должно иметь квадратную форму, весить при этом не больше чем 150kB.

Что делать дальше? Находим подходящую картинку для темы Вашего сайта и преобразовываем ее в формат .icon, уменьшаем с помощью графических редакторов размер до 32×32 пикселя. Но можно и не делать все это вручную, а довериться специальным сервисам, например tools.dynamicdrive.com, favicon.ru, pr-cy.ru/favicon.

После загрузки отобранного изображения онлайн-система выдаст нам результат: 2 файла. Одно изображение размером 32×32 для рабочего стола, а второе 16×16 для размещения в адресной строке, поле закладок браузера и выдачи поисковых систем.

Перед тем, как взяться за создание анимированного фавикона стоит учесть, что далеко не все современные браузеры поддерживают в адресной строке какую-либо анимацию, но при этом она намного лучше привлекает внимание пользователей и может даже способствовать росту трафика на сайте.
Для создания примитивной анимации также можно воспользоваться онлайн-инструментами — favicon.cc. Не смотря на то, что сайт англоязычный, никаких трудностей в работе не возникнет. Достаточно просто выбрать желаемый цвет и начать закрашивать квадратные области. После окончания основного рисунка нужно будет просто добавить следующий кадр. На первый взгляд может показаться, что такое «творение» будет выглядеть примитивно, но во-первых, оно точно будет уникальным, а во-вторых — четким и запоминающимся.

Можно также воспользоваться мощнейшим Adobe Photoshop, но тут главное не увлечься. Помните, изображение должно быть контрастным и четким в уменьшенном варианте, ведь иначе нет смысла даже открывать Фотошоп, зря потраченное время никому не нужно.

 Как установить на сайт?
Установка на сайт не займет много времени, так как данный процесс не представляет собой особой сложности. У нас есть готовый файл размеров 32×32. С помощью FTP клиента мы сможем загрузить его на свой сайт. Закачивать нужно к каталогу, в котором находятся папки wp-includes, wp-admin, wp-content. Не является обязательным размещение картинки именно в корень блога, ничего не случится, если закинуть его в другую папочку. Главное потом правильно указать путь к изображению в header.php.
Если Вы приняли решение о размещении файла в корне сайта, то нужно позаботиться о том, чтобы прописать перед тегом в файлике header.php следующий код:

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

Эту крошечную картинку можно отнести к категории инструментов умелого маркетинга, ведь его главная задача — привлечь наше внимание, заставить перейти именно по этой ссылке, обратить внимание на конкретный блог или сайт-продажник или сайт-визитку, а не на конкурента. Фавикон играет более важную роль для больших предприятий, компаний, которые уже успели завоевать «реальный рынок», но в сети делают свои первые шаги. А что уже говорить про молодые блоги, которым так трудно прорваться среди океана «мусора»?

P.S. И на десерт предоставляю Вам несколько хороших сайтов, которые позволят не заморачиваться и не тратить драгоценное время на создание фавикона.

Comments are closed.

 
Powered by SH CMS (www.shchms.ru)