Генератор фавикон для всех устройств

Favicon Generator. For real.

All browsers

All platforms

Your favorite technologies

Your favicon is not correct

Your master picture

Missing pictures

You have chosen to use a specific picture fot the iOS Web clip, but you haven’t uploaded any picture. Please upload a picture or choose another option.

You have chosen to use a specific picture fot the Windows 8 tile, but you haven’t uploaded any picture. Please upload a picture or choose another option.

Missing path

You have chosen to not place your files in the root of your web site. Please specify a path.

Why put the favicon pictures in the root directory

When generating a favicon with RealFaviconGenerator, the instructions ask you to place all files at the root of your web site. You may want to place them in a sub-directory, for example in http://mywebsite.com/icons/ , just to make things clearer. However, there are three drawbacks with this approach:

• Internet Explorer looks for favicon.ico at the root of the web site. Granted: this is because we ask you to not declare favicon.ico .
• iOS devices look for files such as apple-touch-icon-144×144.png at the root of the web site, as described by Apple. This issue can be mitigated by declaring the icons in the HTML code (this is necessary for Android anyway), but following Apple conventions is probably the best move.
• By default, Internet Explorer 11 looks for browserconfig.xml at the root of the web site.
• Several services, such as Yandex, look for favicon.ico in the root directory.

Favicon compression

RealFaviconGenerator can compress the generated pictures. You usually get a 50%-80% compression rate. Not bad! The compression works well on all tested platforms. Even better!

The compression is lossy, meaning you might notice differences between the original and compressed pictures. Yet the differences are (supposed to be) minimal:

Uncompressed picture (36KB)	Compressed picture (14KB)

You can see slight differences in the gradient part:

No zoom	4x zoom

When you download the compressed pictures, make sure they match your standards.

Check your favicon

Check your existing favicon with our online tool and see what can be improved.

Why RealFaviconGenerator

No hard decision

With so many platforms and icons, it’s hard to know exactly what you should do. What are the dimensions of favicon.ico? How many Touch icons do I need? RealFaviconGenerator did the reseach and testing for you.

Done in 5 minutes

You spent hours on design, colors, graphics. How much time left for the favicon? Probably not much. But no worries, you only need a few minutes to tackle this task.

Compelling design, a platform at a time

Each platform comes with its own design requirements. You can’t just use the same picture everywhere. RealFaviconGenerator knows this and lets you craft your icons platform per platform.

Instant feedback

How will Android display my icon? How will iOS round my Touch icon? No more guesswork. RealFaviconGenerator instantly shows you how your icons will look like.

Источник

Подборка лучших онлайн генераторов favicon

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

1. Logaster.com

Logaster предлагает очень быстрый и простой способ создания логотипов. Компания создала всего 5 000 000 различных логотипов.

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

2. Favicon.cc

Favicon.cc — и создатель и генератор значков. Используйте его для создания своего значка с нуля или импорта изображения для создания своего значка из существующего логотипа. Этот инструмент даже позволяет создавать анимированные значки.

3. Genfavicon.com

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

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

4. Favicon-Generator.org

Favicon-generator создан, чтобы помочь вам создавать значки для ваших сайтов, а также приложений Android, Microsoft и iOS. Выберите изображение с вашего компьютера в формате PNG, JPG или GIF, чтобы преобразовать его в файл .ico. Если у вас нет изображения, просмотрите библиотеку уже готовых ихображений. Отфильтровав по буквам, номеру или цвету. Затем загрузите выбранные или внесите изменения в них. По завершении загрузите файл и сохраните значок в корневой каталог вашего сайта.

5. RealFaviconGenerator.net

Real Favicon Generator — мощный инструмент, который позволяет создавать favicon для каждой платформы. К тому-же, у него есть дополнительное преимущество, позволяющее вам протестировать ваш текущий значок. Введите URL своего сайта и получите отзывы о своем текущем значке. Он позволяет вам посмотрреть, как ваш значок будет выглядеть в различных браузерах или операционных системах и сообщит вам, чего не хватает, чтобы вы могли легко исправить ошибку.

6. Favicongenerator.com

Этот генератор favicon — это все, что вам нужно для преобразования изображений PNG, JPG или GIF в формат .ico. Просто выберите изображение для загрузки, выберите размер значка, который вы хотите, а затем нажмите «Создать Favicon».

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

7. Favicomatic.com

Favicomatic имеет два разных варианта генератора фавикон. Загрузите изображение, а затем преобразуйте его в файл .ico. В противном случае создайте значок для всех платформ, включая приложения для iOS и Android. Расширенные настройки позволяют вам выбирать размер вашего значка, цвет фона и т.д.

8. Xiconeditor.com

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

9. Favikon

Favikon — один из простых инструментов, когда речь идет о генераторах favicon. Просто загрузите свое изображение, обрезайте его и загрузите в файл .ico. Favikon также предлагает экспорт в формате .png. Параметры редактирования отсутствуют, но если все, что вам нужно сделать, — это преобразовать изображение в файл .ico, этот инструмент вам поможет.

10. Favicon.pro

Этот бесплатный генератор favicon принимает изображение PNG, GIF или JPG с вашего компьютера и преобразует его в файл .ico. Выберите размер изображения от 16x16px до 128x128px, перед конвертированием. Затем просто следуйте инструкциям на веб-сайте для загрузки в корневой каталог вашего сайта.

11. Favico.com

Еще один простой и бесплатный инструмент для создания значков можно найти на Favico.com. Этот генератор favicon принимает изображения PNG, JPG и GIF и преобразует их в предпочтительный формат .ico. Выберите изображение с вашего компьютера, выберите размер между 16x16px или 32x32px, а затем нажмите «Создать», чтобы создать значок. Следуйте инструкциям на сайте для установки файла на свой веб-сайт.

12. Faviconit.com

Faviconit может похвастаться возможностью создавать favicon и заголовки HTML для всех устройств и браузеров. Этот бесплатный инструмент позволяет загружать изображение и преобразовывать его по мере необходимости.

Источник

6 лучших онлайн генераторов Фавикон (Favicon), чтобы сделать для вашего сайта

Как и в брендинге, я считаю, что мелочи действительно производят на вас впечатление перед потенциальными клиентами. Одним из таких элементов является favicon.

Фавикон (favicon) — это крошечный значок размером 16 × 16 пикселей, который отображается рядом с заголовком вашего веб-сайта на вкладке браузера.

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

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

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

Теперь реальный вопрос — «как же делать его»? Ну, это не самая сложная задача. По крайней мере, не с перечисленными ниже ресурсами. Используя их, вы можете легко создать свой собственный favion в кратчайшие сроки.

1. Favic-O-Matic

Сразу же, вы можете выбрать два разных размера на Favic-о-Matic. Первый из них — обычные 16 × 16 + 32 × 32 пикселей, а второй — универсальный, который генерирует значок для каждого устройства и платформы.

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

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

2. RealFaviconGenerator

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

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

Вдобавок ко всему, это абсолютно бесплатно для использования.

3. Favicon.io

Вероятно, самый простой метод из когда-либо созданных, Favicon.io позволяет вам создавать или преобразовывать любое изображение в favicon. Вы можете совершенно бесплатно использовать этот инструмент, и поместить созданный вами значок в любое место. Для экспорта вы получите форматы PNG и ICO.

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

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

Последний вариант от смайликов. У них есть множество готовых смайликов, которые вы можете выбрать и сделать свой значок. Я бы порекомендовал этот вариант, только если у вас есть маленький веб-сайт или сайт, который не является «слишком серьезным».

4. Fiverr

Fiverr — это огромная биржа, где можно нанимать фрилансеров для выполнения простых и сложных задач, и одним из них оказывается разработка favicon.

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

5. Faviconer

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

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

6. Favicon Generator

И последнее, но не менее важное: Favicon Generator — еще один простой и бесплатный инструмент по создания иконки для вашего сайта. Вы не сможете загрузить изображение, но создать его с нуля, используя их настраиваемые параметры получиться.

Вам не нужно ничего делать, кроме добавления текста и выбора цветов, и вы можете экспортировать ваш значок в формате ICO сразу после генерации.

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

Заключение

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

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

Источник

Как сделать Favicon для сайта онлайн

Favicon (от англ. Favorites icon — «значок для избранного») — значок сайта или конкретной страницы. Не важен для SEO, но позволяет выделиться в выдаче Яндекса, на вкладках открытых страниц и в закладках браузера пользователя.

Как пользоваться сервисом для создания favicon?

1. Нажмите «Выбрать изображение с компьютера» и загрузите картинку в форматах jpg, jpeg, png или gif. Подберите квадратное изображение без мелких деталей.
2. Нажмите «Создать Favicon»;
3. Сервис покажет пример того, как будет выглядеть ваш favicon. Если результат вас устраивает, скачайте готовый файл. Вы получите файл favicon.ico для сайта, то есть файл с расширением *.ico, его и надо будет использовать в дальнейшем.

Как установить отдельные фавиконы для мобильных устройств

Для разной аудитории сайта нужна поддержка основных браузеров и платформ — Windows Firefox, iOS Safari, Internet Explorer, Android Chrome и других. Для мобильных устройств часто прописывают отдельные иконки с другими размерами. Для этого указывают тип устройства в rel, к примеру, «apple-touch-icon», и атрибут sizes с размером.

Достаточный пакет

Будет достаточно одного файла favicon.ico с размерами 48×48.

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

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

1. Сохраните картинку в корневой каталог сайта с именем favicon.ico, чтобы получился адрес вида https://sitename.ru/favicon.ico. Это путь к изображению. Он понадобится, если вы захотите использовать разные фавиконы для разделов сайта, чтобы пользователи лучше ориентировались в разделах ресурса. Если вы используете один favicon для всего сайта, путь к нему указывать не нужно.
2. Добавьте ссылку на размещенный файл в HTML-код главной:

Зачем делать favicon?

Никакой функции для SEO он не несет, но его использование позволяет повысить узнаваемость сайта, и, как следствие, показателя CTR.

Узнаваемость сайта

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

Информативность

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

Запоминаемость бренда

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

Источник