Один из самых распространённых вопросов среди начинающих блоггеров — как сделать favicon для сайта
Фавикон является очень важным элементом дизайна блога и представляет собой квадратную картинку с размерами 16х16 пикселей, которое используется для закладок в браузерах. В этой статье вы узнаете, как сделать фавикон с помощью специальных сервисов в онлайн режиме, а также сможете скачать готовые фавиконы для сайта. У каждого веб-ресурса есть маленькое изображение, это такой мини-логотип для сайта. Вы можете увидеть фавиконы сайтов, которые открыты у вас в браузере, а картинки на закладках, и есть фавиконы. Сохранять в браузере и различать между собой закладки, намного удобнее по их индивидуальным картинкам, чем url-адресам. Кроме того favicon отображается в адресной строке браузера перед URL открытой страницы или в заголовке закладки. Поисковые системы высвечивают фавиконы слева от сайтов в результатах выдачи. Это позволяет сайтам и блогам выделяться на фоне всевозможных проектов. Создать фавикон для сайта достаточно просто, поэтому этот мини-логотип сайта стал широко популярен. Также, можно скачать готовую иконку favicon ico, которую нужно просто добавить на сайт.
Коллекции и галереи фавикон
Теперь, когда мы знаем, что такое фавикон, и зачем он нужен сайту, что размер его в пикселях равен строго 16 x 16, а расширение обязательно ico, можно приступать к одному из трёх способов его создания: скачать готовый фавикон из галереи, сделать самому с помощью генератора, сделать из готового изображения (при помощи favicon generator)
Как сделать уникальный Favicon
Если из выше перечисленных сайтов вы так и не смогли выбрать ничего подходящего, то можно сделать favicon самостоятельно. В этом нам помогут специальные генераторы фавиконов, в которых можно создавать свои мини-картинки в режиме онлайн. Получившаяся иконка будет уникальна, а уникальность в нашей работе очень важна! Поэтому не поленитесь и уделите 10 минут на создание собственного мини-логотипв.
Favicon. cc
Один из самых популярных и простых онлайн генераторов. С его помощью вы можете нарисовать самостоятельно все пиксели(их 256) вашего будущего фавикона. После перехода на сайт
Работать с этим генератором настолько просто, что у вас вряд ли возникнут сложности в его использовании. Квадратики в рабочем окне вам нужно закрашивать выбранным в палитре цветом, она расположена справа от рабочей области. Закрашивайте пиксели нажимая левую кнопку мыши, стереть закрашенный пиксель можно правой кнопкой.
Чтобы изображение можно было переместить в рабочей области, поставьте галочку пункте move (двигаться)
Чтобы скачать получившийся фавикон, который вы сделали для сайта, нажмите на ссылку Download Favicon (Скачать Favicon).
Редактор иконок Michurin. net
Это онлайн генератор фавиконов полностью на русском, но его функциональность немного скромнее вышеописанного сервиса. Для создания favicon. ico перейдите по ссылке
Favicon-Generator. org
Ещё один неплохой генератор фавиконов. Имеет некоторую схожесть с первым вариантом, но немного уступает ему.
Favicon. ru
Тоже хороший сервис для создания фавиконов. Аналогичен предыдущим генераторам.
Favicon из имеющейся иконки
Ну, а если вам не хочется рисовать фавикон с помощью онлайн генераторов, и вы не подобрали подходящей картинки ни из одной коллекции favicon ico, тогда попробуйте сделать иконку из готового изображения.
Делаются такие картинки тоже в режиме онлайн в специальных favicon генераторах. Заранее приготовьте квадратную картинку, которую будете изменять. Favicon. ru Ранее мы использовали этот редактор для рисования, но в него ещё можно загрузить готовую картинку и изменять её по своему вкусу.
Нажмите на кнопку Выберите файл и найдите на своём компьютере нужное изображение, загрузить его в редактор.
Favicon. cc
Этот онлайн генератор мощнее предыдущего. Для создания фавикона зайдите на сайт favicon. cc, в левом окне нажмите «Import Image». Теперь нажимайте Выберите файл и загружайте нужную картинку, на основе которой будет создаваться фавикон для вашего сайта. Далее выберите один из двух пунктов уменьшения изображения при загрузке. Keep dimensions — пропорции картинки не изменятся. Shrink to square icon — прямоугольная картинка станет квадратной, изображение может исказиться.
После того, как загрузится картинка, вы сможете отредактировать её в генераторе или оставить как есть. Теперь скачайте её на компьютер.
Как установить favicon на блог WordPress
Чаще всего картинку фавикона закачивают в корневую папку сайта, рассмотрим этот вариант подробнее. Сначала вам нужно найти в вашей теме строчку html-кода, отвечающую за отображение фавикона. Найдите и откройте для редактирования файл header. php (Заголовок) и найдите там строчку, похожую на эту (она может незначительно отличаться в зависимости от темы):
Замените ту строчку на эти две:
Если совсем нет ничего похожего и содержащего слово favicon. ico, тогда просто вставьте эти две строчки в любое место между тегами и. Теперь загрузите с помощью FTP свой фавикон в корень сайта с названием favicon. ico.
Ещё можно установить
Плагин для фавикона
Простой способ установки фавикона на сайт — это поставить плагин Favicon Rotator. Установите его из консоли сайта (Плагины — Добавить новый). После активации плагина во вкладке Внешний вид появится пункт Favicon. На открывшейся странице предлагается загрузить с компьютера свою картинку (логотип сайта). Теперь, когда вы всё сделали правильно, очень скоро поисковые роботы проиндексируют новый фавикон, и его можно будет увидеть в результате выдачи слева от вашего сайта.