Как сделать фавикон для сайта онлайн: топ-4 бесплатных сервиса

Как установить Favicon на сайт и прописать путь до него

Ваш браузер и поисковый робот Яндекса будут искать фавикон прежде всего в корневой папке вашего сайта. Поэтому можно просто подключиться к сайту по FTP и загрузить в его корневую директорию (обычно это папки или ) ваш файлик Favicon.ico (лучше его название писать с маленькой буквы). Откройте теперь ваш ресурс в каком-нибудь браузере и посмотрите, не поменялась ли пиктограмма на вкладке. Поменялась? Нет? Ну, ничего страшного.

Если поставить фавикон таким образом у вас не получилось, то возможно вам придется очистить кэш вашего браузера, т.к. часто бывает, что из кэша загружается старая версия. Можете попробовать открыть ваш сайт в FireFox, у меня он лучше всего реагирует на проводимые изменения без очистки кэша. Если дело не в кэше браузера, то это значит, что для вашего сайта задано другое место для favicon, отличное от корневой папки. Как это проверить?

Откройте исходный код любой страницы вашего сайта. Чтобы посмотреть ее исходный код, достаточно будет щелкнуть по странице правой кнопкой мыши и выбрать соответствующий пункт контекстного меню (например, «Исходный код» в старой Opera, либо «Исходный код страницы» в Мазила Фаерфокс, либо «Просмотр кода страницы» в Google Chrome, либо «Просмотр HTML-кода» в IE) или нажать сочетание клавиш Ctrl+U. Теперь поищите в верхней части кода страницы строку, задающую путь до favicon.ico.

Она может выглядеть примерно так:

<link rel="shortcut icon" type="image/ico" href="http:путь_до_вашей_иконки/favicon.ico" />

Также возможен и такой вариант :

<link rel="icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon">

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

В Joomla Favicon обычно живет в папке с используемым вами шаблоном (путь до нее в Joomla 1.5 прописывался в файле index.php из каталога этого же шаблона,а вот в Joomla 3 все стало несколько сложнее). Т.е. для смены фавикона в Джумле достаточно будет пройти по этому пути и залить туда свой файлик favicon.ico, а на вопрос о замене ответить утвердительно:

/templates/папка_с_используемым_шаблоном_оформления/favicon.ico

Файлик favicon в WordPress по умолчанию тоже может лежать в папке с используемой вами темой (там же и задается путь до него):

/wp-content/themes/Папка_с_используемой_вами_темой_оформления/favicon.ico

В общем, если хотите задать или поменять путь до вашего фавикона, который бы поняли и браузеры, и поисковый робот Яндекса, то вам нужно будет прописать в соответствующем файле шаблона Joomla, WordPress или любого другого движка, между открывающим и закрывающим тегами HEAD, следующие строчки кода:

<link rel="shortcut icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon" />

В каком именно файле шаблона нужно прописать эти строки, зависит от движка вашего сайта. Например, в в WordPress вам нужно открыть на редактирование файл header.php из папки с используемой вами темой оформления: . Открываете в редакторе и в самом его начале находите открывающий Html тег HEAD. В любом месте за ним, но до закрывающего HEAD прописываете одну из приведенных выше строчек кода с указанием пути до вашего графического файла мини-логотипа.

Как установить анимированный фавикон? В принципе, точно так же, как и обычный. Будет отличаться только код, вставляемый в шаблон вашего сайта, с помощью которого вы указываете браузерам и поисковому роботу Яндекса путь до нужного графического файла. Дело в том, что анимированный Favicon будет иметь расширение GIF, и, следовательно, в строках кода нужно будет прописать примерно так:

 <link rel="shortcut icon" href="/img/favicon.gif" type="image/gif" >
 <link rel="icon" href="/img/favicon.gif" type="image/gif" >

Вот и вся разница между анимированными favicon и обычными. Но следует учесть, что будет работать анимированная иконка только в FireFox, в остальных же браузерах она будет статичной. Яндекс же, при загрузке вашего анимированного фавикона, преобразует его в статичный формат PNG. Но, по-моему, овчинка выделки не стоит — устанавливать вместо обычного мини-логотипа для сайта анимированный не имеет особого смысла. Но это только мое ИМХО.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Favicon.ico для мобильных браузеров

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

Фавикон для Apple

Например, для Safari на iOS рекомендуется следующий набор отношений:

<link rel=»apple-touch-icon» sizes=»144×144″ href=»/2014/05/ipad-retina.png» /><link rel=»apple-touch-icon» sizes=»114×114″ href=»/2014/05/iphone-retina.png» /><link rel=»apple-touch-icon» sizes=»72×72″ href=»/2014/05/ipad.png» /><link rel=»apple-touch-icon» href=»/2014/05/iphone.png» />

Если атрибут  не указан, используется значение по умолчанию 57×57.

Примечательно и то, что как favicon.ico служит автоматически распознаваемой иконкой для сайта, без указания связи, так и следующие имена будут распознаны автоматически:

  • apple-touch-icon-57×57.png
  • apple-touch-icon-72×72.png
  • apple-touch-icon-114×114.png
  • apple-touch-icon-144×144.png

Если же Вы хотите, чтобы iOS не добавляла к иконке каких-то эффектов, используйте ключевое слово , например:

<link rel=»apple-touch-icon-precomposed» sizes=»144×144″ href=»/2014/05/ipad-retina.png» /><link rel=»apple-touch-icon-precomposed» sizes=»114×114″ href=»/2014/05/iphone-retina.png» /><link rel=»apple-touch-icon-precomposed» sizes=»72×72″ href=»/2014/05/ipad.png» /><link rel=»apple-touch-icon-precomposed» href=»/2014/05/iphone.png» />

Здесь тоже имеется набор автоматически распознаваемых имён:

  • apple-touch-icon-57×57-precomposed.png
  • apple-touch-icon-72×72-precomposed.png
  • apple-touch-icon-114×114-precomposed.png
  • apple-touch-icon-144×144-precomposed.png

Фавикон для Android

Браузеры на базе Android унаследовали формат Apple. По сути, будет достаточно указать, что-то вроде следующего:

<link rel=»apple-touch-icon» href=»/2014/05/icon.png» /><link rel=»apple-touch-icon-precomposed» href=»/2014/05/icon.png»/>

Как установить «favicon» на сайт

Подготовив фавиконку, остаётся дело за его размещением. Процедура по сути проста и может иметь несколько вариантов исполнения:

  1. При помощи панели администрирования. Очень удобная функция, которая присутствует на большинстве известных систем. В подавляющем большинстве даже не требуется производить конвертацию в формат «.ico» – систем делает за вас все сама. Один из ярких примеров: «WordPress». Заходим в панель, выбираем «Внешний вид», далее «Настроить».

    Нажав на пункт «Свойства сайта», находим специальное поле редактирования слева и производим подгрузку необходимого изображения.

  2. Если вышеперечисленный функционал не предусмотрен. Довольно часто такую ситуацию можно наблюдать на страницах типа «лендинг». Через ftp-доступ или, находясь на самом хостинге внутри области тега «head» прописываем следующий строку:

    В разделе «href» прописывается путь, который ведет к загруженной нами фавиконке, которую мы не забываем загрузить на сервер. Стандартное место, где ее размещают – папка «images». Название файла стандартное – «favicon.ico».

Faviconist

Последний сервис, который мы рассмотрим, — это Genfavicon . Здесь можно загрузить изображение, преобразовать его в иконку и сразу же увидеть, как она будет смотреться в браузере. После этого вы можете скачать иконку заданного размера.

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

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

У всех сервисов, которые мы сегодня обсудили, есть свои плюсы и минусы. Однако среди них есть такие, которые могут предоставить что-то большее, чем конкуренты. Так что кидайте эти сайты в закладки. Они вам точно пригодятся.

Загрузка иконок и файлов

В мае 2014 года запущена новая функция (о которой многие и давно просили) — загрузка изображений из файла.
Расскажу о специфике.

От браузера требуется поддержка двух достаточно современных технологий — HTML5 convas и file API.
То есть, вам понадобится Internet Explorer не ниже версии 10, или Firefox 28 и выше, или Google Crome 31 и выше.
Подойдёт последние версии Safari и других браузеров.

Формат картинки в файле любой, поддерживаемый вашим браузером. Все браузеры поддерживают
JPEG, PNG и GIF. Многие браузеры поддерживают и другие форматы.

Размер картинки может быть любым в пределах разумного. Картинка будет уменьшена до 16×16.

Цветность будет уменьшена до 16 цветов. Редактор пытается построить адаптивную палитру,
но алгоритм пока далёк от совершенства. Я бы рекомендовал сперва подготовить картинку в полноценном редакторе.

Прозрачность преобразуется к однобитной по границе 50%.

Буду рад любым отзывам и либо уберу эту функцию, если она никому не нужна, либо
доработаю, если обнаружатся какие-то ошибки. Спасибо.

Что такое favicon.ico

favicon — это небольшая картинка, являющаяся логотипом сайта.
Она появляется в шапках вкладок, в адресной строке
(кроме новейших версий Chrome и Firefox
†),
в закладках.

В одном файле favicon.ico может быть несколько изображений разного
размера. Чаще всего используется изображение 16×16. Бо́льшие размеры
используются, например, в Windows, при создании закладки прямо на
рабочем столе. В этом случае размер зависит от версии операционной
системы и настроек рабочего стола.

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

Как разместить favicon.ico на своём сайте

Проще всего просто положить иконку в корень сайта. Она должна
стать доступна по адресу . Именно
тут её будут искать браузеры.

Обратите внимание, что браузеры не сразу обнаруживают, что у сайта
появилась/изменилась иконка. Возможно, чтобы увидеть новую
иконку вам придётся почистить кэш

Вы так же можете явно указать браузерам, что у вас есть favicon.

Для этого надо включить в секцию код такого вида:

Что касается , тут есть неоднозначность. Стандартным типом
является . Я бы советовал использовать его. Однако,
особо древние версии IE предпочитают тип
. Подозреваю, что все современные
браузеры поддерживают этот тип, но кто знает. Каждые пару месяцев
появляется новый современный браузер и поручиться за все современные
браузеры я не могу.

Возможно вас так же заинтересует
конвертер PNG в ICO и
онлайн генератор обоев, фонов и заливок.

Отправить

Как сделать фавикон онлайн без плагина

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

В вашем распоряжении поле 16х16, так что можно нарисовать какую-то простенькую картинку, например, букву, или фигурку. Для рисования есть инструменты:

  • Карандаш;
  • Пипетка для копирования цвета;
  • Ластик;
  • Заливка.

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

Там же на сайте, можно заказать фавиконку, или взять готовую в коллекции.

Стоит отметить, что фавикон, т. е. графический файл, может быть с расширением GIF, PNG, BMP или GPEG, но лучше, если он будет иметь расширение ICO. Для удобства, переименуйте файл в favicon. Теперь этот файл нужно закинуть в корневую папку сайта.

Далее найдите файл header.php в теме вашего сайта, а затем между тегами <head> и </head> вставьте код ниже:

PHP

<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>

1 &lt;link rel=»shortcut icon»href=»/favicon.ico»type=»image/x-icon»&gt;

или этот

PHP

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>

1 &lt;link rel=»icon»href=»/favicon.ico»type=»image/x-icon»&gt;

Тема сайта находится по следующему пути: domen.ru/wp-content/themes.

Если вы загрузили фавикон в другую папку, тогда нужно указать полный путь к этой папке. Укажите его в коде href=»/. Если фавикон не ICO, тогда надо указать это и в коде type и x-icon, например:

PHP

<link rel=»shortcut icon» href=»/favicon.png» type=»image/x-png»>

1 &lt;link rel=»shortcut icon»href=»/favicon.png»type=»image/x-png»&gt;

Советую вставлять в файл первый код.

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

Как сделать фавикон для сайта с помощью плагина Favicon Rotator

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

Особенности:

  • Фавикон будет отображаться на компьютерах и всех мобильных устройствах;
  • Настройка в пару кликов мышки;
  • Можно добавить несколько значков, и тогда они будут отображаться каждый раз в случайном порядке;
  • Автоматическая конвертация больших графических файлов в фавикон.

Установка и настройка:

1. Предварительно создайте, или скачайте фавикон на свой компьютер, чтобы его можно было загрузить на сайт.
2. Установите и активируйте плагин;
2. В панели администратора, перейдите «Внешний вид» -> «Favicon»

3. Нажмите кнопку «Add Icon», чтобы загрузить картинку с компьютера.

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

4. Жмите «Save changes», чтобы сохранить изменения, и на этом все.

Если фавикон на сайте не отображается, значит в теме сайта не прописан тег wp_head()

Как сделать фавикон онлайн с плагином HFG

А с помощью этого плагина, еще легче сделать фавикон онлайн. Итак, перейдем сразу к делу. Установите и активируйте этот плагин прямо с панели администратора. Потом переходите в левой колонке «Настройки» -> «Heroic Favicon Generator Settings», а затем жмите «Select Favicon».

Выберите картинку на своем компьютере, и загрузите ее. Прокрутите страницу вниз и нажмите «Сохранить изменения». Так просто, в несколько кликов, можно добавить фавикон на свой сайт.

Плагин Genie WP Favicon

Установите этот плагин и активируйте его. Далее перейдите «Внешний вид» -> «Genie WP Favicon». Жмите «Выбрать файл» и загрузите иконку со своего компьютера. Далее клика «Update favicon» и на этом все.

При загрузке изображения на сайт с помощью этого плагина, оно сохраняется в исходном размере, т. е. оно не конвертируется под размер фавикона, поэтому вам надо заранее подготовить картинку нужного размера. Размеры изображения могут быть 16х16 или 32х32, максимум 128х128. Поддерживаются файлы .ico, .png, .gif , размером до 100 kb.

Установка на сайт

Самый простой и доступный – через корневой каталог. Его мы рассмотрим в первую очередь.

Для начала нам нужно конвертировать файл в ICO. Это можно сделать при помощи любого онлайн-сервиса, достаточно ввести в поисковую строку: “Конвертация в ICO” или “PNG в ICO”. Загружаем туда фотографию, получаем favicon.ico.

Корень сайта, как правило – public_html. Независимо от платформы. Но в некоторых темах могут наблюдаться проблемы с отображением фавиконки. Чтобы пофиксить их, мы должны вручную добавить в header.php следующий код:

Для этого идем во “Внешний вид” – “Редактор”, находим в боковой панели нужный файл и кликаем для редактирования. Код мы должны вставить внутри тега <head>.

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

Также вы можете проверить наличие иконки в выдаче Яндекса, но там она появится не сразу, а только после того, как проиндексируется.

Через тему WordPress

Заходим в настройки темы, используя верхнюю панель на сайте (“Внешний вид” – “Темы”). Далее идем в “Свойства сайта”.

Вот тут-то мы и настраиваем фавиконку. Просто нажимаем на “Выбрать/изменить изображение”, далее откроется менеджер, через который мы и загружаем нашу картинку.

Плагины

Также есть возможность сделать это с помощью плагинов, но это не рекомендуется из-за нагрузки на CMS.

Идем в “Плагины”, выбираем “Добавить новый”. Откроется страница каталога, где в окно поиска мы должны ввести ключевое слово – Favicon. Нашему взору будет представлено большое количество всевозможных плагинов. Все они работают примерно одинаково, но я все же позволю себе объяснить, как все это делается, на примере одного из самых популярных – All in One Favicon.

Нажимаем на кнопку “Установить”, а после активируем нужное расширение.

После того как плагин будет установлен и активирован, мы должны перейти в настройки. Они представлены в таком виде.

Для каждого формата здесь есть соответствующая вкладка. Допустим, вы создали иконку в формате GIF и хотите, чтобы именно она отображалась во вкладке. Соответственно идем во вторую по счету строку, нажимаем “Загрузить” и в файловом менеджере выбираем наш файл. То же касается и других форматов.

Отдельного внимания заслуживает вкладка “Apple Touch Icon Frontend”. В ней вы сможете задать иконку для устройств от Apple. В отличие от обычного фавикона, логотип для Айфонов или Макбуков имеет большее разрешение и качество. То есть вам, чтобы загрузить картинку, придется создать еще один вариант. Уже в разрешении 512 x 512 или 1 024 x 1 024. Однако для мелких сайтов, в принципе, нет нужды проделывать подобное.

Обзор онлайн-генераторов, где найти коллекцию фавиконов

Favicon generator — сервисы, где можно сотворить «мини-логотип» для сайта или преобразовать подходящую картинку в нужный формат.

Удобный сервис, в котором можно сделать эксклюзивную иконку — нарисовать ее с нуля попиксельно. Для этого переходим на сервис и в меню слева нажимаем кнопку «Create New Favicon».

В центральной части окна находится область, в которой каждый квадратик — это пиксель будущего фавикона. Следует закрасить эти квадратики в разные цвета. Чтобы это проделать, нужно обратиться к блоку «Color Picker», который расположен в правой части сервиса. Здесь необходимо выбрать из предоставленной палитры необходимый цвет и щелкнуть по определенной области, где находится пиксельная сетка. Чтобы удалить неправильную закраску, достаточно поставить галочку возле чекбокса «transparent» и щелкнуть по квадрату, после чего он станет прозрачным.

Чтобы переместить рисунок по холсту сервиса, ставится галочка возле чекбокса «move». Для того чтобы посмотреть что получилось предусмотрен блок «Preview», который находится под пиксельной сеткой. Для скачивания готового фавикона на компьютер нужно нажать кнопку «Download Favicon».

Если вы не Пабло Пикассо и нарисовать с нуля для вас равносильно прыжку из парашюта, загрузите на сервер для будущего фавикона картинку любого формата и размера, она будет, как болванка. Чтобы загрузить изображение на генератор, нажимается кнопка «Import Image» в левом меню.

На открывшейся странице нужно кликнуть кнопку «Выбрать файл», найти на компьютере подходящую картинку. При загрузке прямоугольной картинки можно отформатировать ее в квадрат (16х16). Для этих целей предусмотрена вкладка «Shrink to square icon». Учтите, в таком случае изображение будет искажено по одной из осей.

Чтобы соотношение сторон остались прежними, поставьте точку в чекбоксе «Keep dimensions».

После всех манипуляций нажимаем кнопку «Upload». Редактирование загруженной фавиконки будет доступно аналогичным способом, что и создание с нуля. Для скачивания готового шедевра на ПК следует нажать кнопку «Download».

Этот онлайн генератор еще и предоставляет коллекцию фавиконов, которые создавались другими пользователями этого сервиса ранее. Они выложены в общем доступе. Чтобы посмотреть галерею нужно в левом меню нажать кнопку «Latest Favicons» — экспонаты, отсортированные по дате или кнопку «Top Rated Favicons» — по рейтингу.

Чтобы скачать понравившийся экземпляр кликните левой кнопкой мыши по его названию и на открывшейся странице выберите «Download Favicon».

Сервис логотипов, который плюс к этому еще может эксплуатироваться для создания фавиконов. Тут не нужно рисовать или конвертировать фавикон с логотипа.

Для создания фавикона необходимо ввести название компании или сайта и нажать кнопку «Далее».

Онлайн генератор предоставляет уже готовые к использованию шаблоны фавикона. Для скачивания иконки нажмите кнопку «Посмотреть и скачать» и на открывшейся странице «Скачать».

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

Преобразует в необходимый формат любую загруженную с компьютера картинку.

Последовательность действий следующая: выбираем файл и нажимаем кнопку «Create Favicon».

Сервис, предоставляющий возможность создавать фавикон с надписью. Цветовая гамма настраивается в области «Colors», а текст надписи вводится в полях «Top text» и «Bottom tex».

Для скачивания готового значка следует кликнуть по миниатюрной надписи «save as favicon file».

От остальных отличается тем, что позволяет созданную иконку не скачивать (но можно и скачать), а оставить непосредственно на сервисе и получить ссылку к этому файлу.

Для создания фавикона выбираем файл и нажимаем «Upload Now».

Также в сети можно найти и другие генераторы, которые позволяют создать фавиконы с нуля или же доработать уже имеющееся изображение. В частности FavIcon from Pics, DeGraeve, Generator, Онлайн редактор иконок favicon.ico, Online Favicon, Free Favicon Generator и Фавикон-генератор. Стоит отметить, что все они бесплатные.

Можно не растрачивать силы на эксклюзивность и найти уже готовые иконки в интернете. Для этого существуют специальные галереи с коллекциями бесплатных фавиконов. Хотелось бы выделить:

  • Галерея иконок для сайта favicon.ico;
  • Iconj;
  • Favicon.cc;
  • The Favicon Gallery.

В них можно найти десятки тысяч мини-логотипов для своего проекта, как говорится на любой вкус и цвет.

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

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

  1. Загрузите фавикон на ваш сервер. Затем пропишите его адрес для FTP-сервера. Нажмите Enter, войдите в систему и просто загрузите файл в корневую папку.
  2. Измените HTML-страницу сайта. Найдите и загрузите файл «header.php» или «index.html» с сервера. Если ваш сайт сделан на HTML, вы должны вставить код в область head файла index.html:

Если вы работаете с WordPress, вставьте код в область head файла header.php:

Nataliya Fialkovskaya

SEO specialist

Nataliya is SEO expert at Sitechecker. She is responsible for blog. Can’t live without creating valuable content about SEO and Digital Marketing.

Зачем нужен favicon для сайта

Происхождение слова фавикон идет от английского Favorites Icon. Это слово переводится как небольшая картинка для избранного. Словом избранное называются закладки Internet Exprorer.

У уважающих себя ресурсов присутствует небольшая картинка вверху окна, напоминающая небольшой логотип сайта. Из таких фавиконов удобнее делать закладки, чем к примеру из их  url-адресов.  Фавикон обычно появляется справа адресной строки в браузере вначале URL ресурса. Также он виден в закладке перед заголовком.

Favicon для сайта — это небольшая картинка размером 16х16 пикс., которая имеет расширение .ico (данное расширение операционки используют, что бы хранить иконки). Favicon имеется почти у всех ресурсов, в независимости от хостинга или движка. Благодаря генераторам и галереям фавикон можно создать данную картинку в течение нескольких минут, используя для этого любое изображение. Можно создать ее с нуля, можно скачивать уже созданную и если на вашем ресурсе пока нет фавикона, советую его создать или скачать.

Зачем же нужен favicon для сайта

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

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

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

К слову, поисковика Яндекс существует бот, задача которого в индексации не контента сайта, а его фавиконов. Сделав такой рисунок и произведя его установку ну блог, остается подождать некоторое время, пока данный бот не произведет его индексацию. Данный процесс будет происходить от недели до четырех. Favicon для сайта должен быть проиндексирован, проверить это можно 3-мя методами:

  • Вы набираете адрес своего блога в поисковом окне и смотрите, находится ли favicon около адреса сайта.
  • Можно пройти по ссылочке http://favicon.yandex.net/favicon/great-world.ru и за место «great-world.ru» написать URL своего ресурса. Если фавикон проиндексирован, то он появится рядом с URL.
  • Зайдите на Вебмастер Яндекса и посмотрите, есть ли там ваш фавикон.

Онлайн-генераторы логотипов

На текущий момент в сети можно найти огромное множество сервисов, но многие из них работают на платной основе. Средняя стоимость пакета файлов, включая векторную графику и различную компоновку (для визиток, для бланков, для сувенирной продукции и т.п.), – от 1000 до 5000 руб.

Платные сервисы найти несложно. Ниже обозначим наиболее интересные варианты, в том числе с бесплатным скачиванием.

Canva

Canva позволяет генерировать сложные логотипы и короткие анимации. Есть доступ к большому количеству шрифтов и базе графических элементов. Бесплатное скачивание результата возможно в форматах MP4 (видео), GIF (анимированные изображения), PDF, JPG (размером не более 500*500 точек) или PNG (с белым фоном и не более 500*500 точек).

Logaster

Logaster качественный сервис для брендирования бизнеса. Здесь можно получить полный набор файлов для печати или для создания атрибутики. Но бесплатно можно сделать только небольшой логотип в формате PNG с фоном (с шириной не более 330 пикселей).

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

В качестве альтернативы онлайн генераторам логотипов можно рассмотреть классическое оффлайн программное обеспечение для мобильных платформ (поищите в магазине приложений для вашей платформы) или для PC/Mac.

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий