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

X-Icon-Editor

В отличие от предыдущего инструмента, favicon.cc содержит меньше инструментов рисования. Тут вы можете рисовать только отдельные пиксели с определённым цветом и прозрачностью. Данный инструмент также позволяет импортировать изображения, редактировать их нужным образом и экспортировать как favicon.

Благодаря специальной панели, в процессе рисования favion-ки вы будете сразу видеть, как она смотрится в пределах браузера Internet Explorer.

Antifavicon

Стандартный размер favicon-ки (16x16) - это конечно же маловато для текста. Однако Antifavicon позволяет поместить две строчки текста в это маленькое пространство. Используемый шрифт конечно не ахти, но что поделаешь:).

Заданные рамки конечно же сковывают. Однако, посмотрев некоторые примеры, можно придумать что-то довольно-таки интересное.

Faviconist

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

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

Здравствуйте, друзья! Недавно устанавливал на одном из блогов фавиконку и подумал, что у меня до сих пор нет статьи на эту тему. Так почему бы не написать? Понимаю, что тема заезженная и многие все это давно знают. Многие, но не все, если верить статистике wordstat.yandex.ru (см. скриншот ниже). Все мы когда-то делали favicon в первый раз и искали подобную информацию. Так пусть начинающие вебмастера находят ее на моем блоге. Тем более что создавал я его именно с этой целью. Да и дополнительный трафик с поисковых систем по этому запросу мне не помешает. Итак, поехали.

Что такое favicon.ico

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

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

В общем, фавикон для сайта – это специальная иконка или картинка размером 16×16 пикселей в формате ICO. Обычно такой файл носит название favicon.ico и находится в корневой папке сайта. Также возможны другие его размеры (24×24, 32×32, 48×48 и т.д.) и форматы (JPEG, BMP, PNG и GIF). Соответственно, формат PNG позволяет сделать иконку на прозрачном фоне, GIF – анимированной.

Зачем нужна фавиконка

Файл favicon ico очень важен для сайта. И не только потому, что такая картинка позволяет легко находить нужный веб-ресурс среди большого количества закладок браузера. Главная фишка и польза в другом.

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

Стоит сказать, что Яндекс не рекомендует, чтобы картинка содержала полупрозрачность, а анимация поддерживается только в браузере FireFox. Также надо понимать, что с увеличением размера картинки, увеличивается вес файла и нагрузка на хостинг. Поэтому, лучше использовать фавикон для любого сайта (WordPress, Joomla, DLE и т.д.) в формате.ico с размером 16 на 16 пикселей.

Чтобы установить такую иконку на сайт, надо сначала ее иметь. Тут возможны несколько вариантов:

1. скачать готовые фавиконы;
2. сделать favicon.ico самому с помощью Фотошопа или специальных онлайн генераторов.

Первый способ гораздо проще, но он уменьшает вероятность уникальности. Тем не менее, рассмотрим его.

Где скачать favicon.ico. Готовые коллекции фавиконов для сайта

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

Галереи иконок (favicon.ico) для сайта:

• www.iconj.com/gallery.php – большая коллекция картинок и онлайн-генератор;
• www.audit4web.ru/info/favicon/ – здесь более 15 000 штук;
• www.favicon.cc/?action=icon_list&order_by_rating=1 – генератор и галерея анимированных и статичных иконок;
• www.favicon.co.uk/gallery.php – favicon generator и каталог фавиконок для сайта;
• thefavicongallery.com – еще одна галерея картинок.

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

Небольшой обзор по этому сервису:

Изображения представлены в разных форматах и размерах. Чтобы найти и скачать favicon.ico на сайте findicons.com , надо выбрать картинку и нажать кнопку “Подробнее”. В открывшемся окошке жмем на строку с количеством размеров.

Надеюсь, разберетесь.

Еще один замечательный сервис с поиском по иконкам www.iconsearch.ru .

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

Чтобы скачать выбранный favicon, нажмите на значок формата PNG или ICO. Нажав на надпись “Подробнее”, можно увидеть эту иконку в других размерах и еще иконки из этого набора.

На этом буду заканчивать, а то и так получилось многабукаф про то, как скачать favicon ico для сайта . А ведь еще собирался рассказать, и на блог WordPress. Теперь уж в следующий раз, не пропустите. Пока!

Здравствуйте, уважаемые читатели! Сегодняшняя статья посвящена созданию фавикона (favicon.ico) для вашего сайта. Из поста вы узнаете, что такое фавикон, каких размеров бывает эта иконка и почему ее обязательно нужно сделать и установить на свой блог. Кроме того, в статье будут приведены favicon генераторы, позволяющие за пару минут создать фавикон в режиме онлайн, а также сайты, на которых можно скачать галереи и коллекции готовых фавиконок .

Для начала давайте разберемся, что такое Фавикон, зачем она нужна, может, вообще без нее можно обойтись?

1. Что такое иконка favicon и для чего она нужна

Понятие Favicon происходит из двух английских слов Favorites Icon, что можно перевести как иконка (маленькое изображение) для «избранного» . «Избранное» – это название закладок в базовом браузере Internet Exprorer. Они выглядят, например, так в браузере Хром:

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

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

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

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

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

2. Онлайн генераторы и галереи Favicon

Итак, мы уже разобрались, что представляет собой фавикона, так необходимая для сайта. Узнали, что она должна быть размером в пикселях – 16 на 16, а ее расширение должно быть.ico. Теперь есть несколько путей создания favicon.ico:

1. Скачать готовую иконку из галерей favicon.
2. Сделать фавикон с нуля с помощью фотошопа или онлaйн генератора.
3. Сделать favicon из готового изображения (размеры изображения неважны).

2.1 Коллекции и галереи Фавикон

1. http://www.thefavicongallery.com/ — небольшая галерея, включающая в себя иконки самых разных тематик. Содержит около 300 изображений. Чтобы скачать понравившуюся картинку, нужно нажать на ней правой кнопкой мыши и выбрать «сохранить как», затем сохранить фавикон на компьютер.
2. http://www.iconj.com/ — более 3 тысяч иконок на любой вкус и цвет. Есть возможность сохранить изображение в формате.gif или.ico. Можно взять даже html-код иконы. Имеются анимированные фавиконы. Единственный недостаток коллекции – на одной странице расположено лишь 30 иконок, поэтому придется просматривать много страничек, чтобы выбрать подходящее изображение.
3. http://www.favicon.cc/ – огромная коллекция favicons, но на одной странице находится лишь 20 штук, листать придется долго.
4. http://www.favicon.co.uk/ — тоже неплохая галерея, содержащая множество favicon. На каждой странице по 144 иконки, это делает просмотр очень удобным. Тематики фавиконок самые разные.
5. — небольшая коллекция (84 штуки) мини-изображений для вашего сайта.

2.2 Как сделать Фавикон для сайта с нуля

Преимущество создания favicon с нуля заключается в том, что получившаяся иконка будет уникальна, а уникальность очень важна! Поэтому лучше не полениться и потратить 5-10 минут на создание собственной фавиконы.

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

2.2.4 Favicon-Generator.org

Еще один неплохой online generator фавиконок. Попасть на него можно по данной ссылке — http://favicon-generator.org/ .

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

2.3 Как сделать Favicon для сайта из уже имеющегося изображения

Если вы не хотите делать фавикон для вашего сайта с нуля, то можете использовать какое-нибудь изображение, которое и станет основой мини-логотипа. В этом случае вам нужно будет заранее подготовить картинку (желательно квадратную, иначе при создании favicon.ico возможно искажение узора), а затем использовать ее в онлайн сервисе favicon generator. Давайте рассмотрим два самых популярных ресурса.

2.3.1 Favicon.ru

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

Добавить изображение можно двумя способами:

• С помощью кнопки «Выберите файл» найти на компьютере нужное изображение и загрузить его.
• Ввести в поле адрес картинки в интернете (при этом данный файл может даже не быть на вашем компьютере), и сервис все сделает сам.

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

2.3.2 Favicon.cc

Этот онлайн generator мощнее предыдущего, но и сложнее его. Для начала перейдите по ссылке – favicon.cc , а затем нажмите «Import Image» (в левом окне).

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

• Keep dimensions – оставить соотношения сторон картинки неизменными.
• Shrink to square icon – привести стороны изображения к квадратному виду, при этом картинка может исказиться.

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

3. Как установить favicon на блог WordPress

Чаще всего фавикон находится в корневой папке сайта, кроме того, это и удобнее, поэтому мы будем рассматривать именно этот вариант. Делается это в два шага.

ПЕРВЫЙ ШАГ . Сначала вам нужно будет найти в теме строчку html-кода, указывающую путь к фавиконе. Для блога на Вордпресс вам нужно найти файл header.php (Заголовок) и найти строчку, она должна выглядеть примерно так (она может немного отличаться в зависимости от темы):

Вам нужно заменить эту строчку на следующие две:

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

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

ВАЖНО! Эти строчки должны быть размещены внутри тегов и

ВТОРОЙ ШАГ. Теперь вам нужно добавить фавикон в корневую папку сайта. Зайдите на ваш хостинг и поместите в папку с вашим сайтом файл с именем favicon.ico (размером 16×16 пикселей).

Если вы все сделали правильно, то теперь ваш сайт обзавелся собственной фавиконкой.

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

Для начала, стоит разобраться, что такое фавикон? Думаю, многие из вас знакомы с этим понятием, но я еще раз расскажу. Одним словом — это значок вашего сайта. При поиске в Яндексе вы видели рядом с сайтом маленькую иконку 16х16, так вот это и есть фавикон. Также его можно увидеть в адресной строке и в закладках у некоторых браузеров.

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

• Удобен в использовании.
• Есть возможность сделать фавикон из картинки или нарисовать самому.
• Можно заказать у профессионалов.
• Предварительный просмотр получившегося результата.
• Думаю их нет, все необходимое имеется на сайте, могу выделить только то, что нет галереи готовых иконок.

1. 
   

   • Есть возможность создать из картинки или нарисовать самому.
   • После генерации показывается пример ссылки для добавления на сайт.
   • Все на английском языке.
   • Некрасивый дизайн.
   • Невозможно обрезать картинку при создании.

2. 3 www.Chami.com

3. 
   

   • Красивый удобный интерфейс.
   • Возможно сделать фавиконку из картинки или нарисовать самому.
   • Большая палитра цветов для рисования.
   • Нет предварительного просмотра.
   • Все на английском языке.
   • Нет галереи готовых иконок.

4. 
   

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

5. 
   

   • Удобный красивый интерфейс.
   • Ничего лишнего.
   • Есть возможность нарисовать самому или сгенерировать из картинки.
   • Присутствует галерея готовых иконок.
   • Можно сохранить размер иконки при создании или сжать ее.
   • Предварительный просмотр.
   • Можно сделать анимированную иконку.
   • Огромное количество цветов для рисования.
   • Все на английском языке.

6. 
   

   • Есть выбор размера иконок 16×16 и 32×32.
   • Нет дополнительных функций, только создание фавикона из картинки.
   • Нет предварительного просмотра.

7. 
   

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

8. 
   

   • Можно выбрать размер иконки 16×16, 32×32, 48×48 и 64×64.
   • Все на английском языке.

9. 
   

   • Ничего лишнего.
   • Есть возможность выбрать размер иконки.
   • Можно нарисовать самому или сделать фавикон онлайн из картинки.
   • Нет возможности обрезать картинку.
   • Нет предварительного просмотра.

Я вас познакомил только с 10 онлайн сервисами, хотя их существует гораздо больше. На мой взгляд, это самые популярные среди всех. Если вы пользуетесь какими-нибудь другими, напишите их в комментариях, мне и другим читателям будет интересно узнать о них.

А сейчас, как и обещал, ТОП-5 удобных и качественных сервисов, на мой взгляд.

Это моя пятерка лучших. Хочу узнать, какой сервис вы поставите на первое место, а какой на последнее? Буду рад услышать ответы в комментариях.

P.S. Если вы еще не придумали для себя фавикон, то обязательно загляните на сайт Faviconka.ru . На нем вы найдете больше 2.000 готовых иконок на любой вкус. Надеюсь, статья вам была полезна, и вы нашли свой сервис, чтобы сделать фавикон онлайн.

Фавикон играет важную роль для любого сайта. Что делать если его нет и нет возможности его создать. Скачать готовый favicon для сайта можно с проектов

Здравствуйте, уважаемые читатели блога сайт.

Сегодня мы продолжим изучать тему фавикона, а именно, разберем проекты, где уже есть куча готовых. То есть, если вы нуждаетесь в уникальном, крутом, запоминающем фавиконе, то необязательно мучить голову целыми днями, чтобы накопать идею, а потом ее еще реализовать с помощью фотошопа. Чтобы скачать готовый favicon (фавикон) для сайта нужно выполнить всего пару шагов:

1. Выбрать любой проект со списка, который вы найдете чуть ниже;
2. Найти свой favicon;
3. Скачать и установить на сайт.

Проекты, где можно скачать готовые фавиконы бесплатно (16×16)

1. Findicons.com.

Тут готовых фавиконов как мусора (475 тысяч). Удобный интерфейс, присутствует поиск по ключевым фразам. Обязательно им воспользуйтесь. Фавиконы бесплатные, платить не придется. Чтобы скачать, нажмите на Download ICO .

2. Iconj.com.

Аналог первому проекту, только нет поиска. Придется искать щелкая по страницам. Напротив, фавикона нажмите ICO чтобы скачать.

3. Faviconka.ru.

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

Вот и весь список. Надеюсь, что вам вполне хватит этих 3 проектов.

Фавикон имеется, но как его установить на сайт? Друзья, на блоге уже имеется статья, где я подробно об этом рассказал. Жду вас (последний раздел).

Как установить фавикон на WordPress

Тут можно пойти двумя путями:

1. сделать это вручную - вывести кодом;
2. или установить с помощью плагинов.

Установка фавикон на WordPress кодом.

Шаг 1. Зальем фавикон в корень сайта. Название сделаем - favicon.
P.S. Не можете подключиться по FTP? Напишите мне . Обязательно вас проконсультирую.

Шаг 2. В разделах «Внешний вид» => «Редактор» нам нужно найти файл header.php. В этот файл нужно вставить следующий код (ниже ):

< link rel = "shortcut icon" href="/favicon.png" />

Все. Фавикон на вордпресс (кодом) успешно установлен.

Установка фавикон на WordPress с помощью плагина.

Шаг 1. Нам нужно скачать плагин All In One Favicon. Ссылка тут .

Шаг 2. Перейдем в настройки плагина:

Загружаем фавикон и дело сделано.

Хочу отметить, что плагинами на WordPress пользоваться не желательно. Только в экстренных случаях. К примеру, если нельзя заменить кодом. Плагины влияют на , что, в свою очередь, может отобразиться на выдаче.

Вот и вся информация на сегодня. Надеюсь, статья вам пригодилась и вы нашли ответы на свои вопросы. Спасибо за внимание.

С уважением, Могиш Иван