What image should I upload?

A square PNG, JPG or GIF of your logo or icon, ideally at least 310 × 310 pixels and simple enough to recognise at tiny sizes.

Which sizes does the generator create?

17 sizes, saved in the same format you upload (upload a PNG to get PNG icons): 16, 32 and 96 px browser favicons; Apple touch icons from 57 to 180 px; Android icons at 36, 48 and 192 px; and Microsoft tiles at 70, 144, 150 and 310 px. They download together as a ZIP.

Why is my new favicon not showing?

Browsers cache favicons heavily. Clear the browser cache or open the site in a private window. Google search results can take days or weeks to update.

Does Google show my favicon in search results?

Google can show it next to your site name. It needs a square icon of at least 48 × 48 px that crawlers can access.

Can I use a non-square logo?

The generator resizes to squares, so a wide logo gets squashed. Crop a square version – usually just the symbol – first.

Do I need a favicon.ico file?

Modern browsers accept PNG favicons linked in your HTML, which is what this generator produces. Some site owners also add favicon.ico in the root for old browsers.

Как создать фавикон для вашего сайта за несколько минут

Г-н Дипак в Руководства по изображениям 08 окт / 3 недели назад

Чтобы создать фавикон, загрузите квадратное изображение PNG, JPG или GIF вашего логотипа в Генератор Фавиконов на pdfseotools.com. Загрузите PNG, чтобы получить значки PNG. Вы получите ZIP-архив с 17 размерами значков для браузеров, iPhone, Android и Windows. Загрузите файлы в корневой каталог вашего сайта и добавьте теги ссылок в раздел head вашей страницы.

Ключевые факты

Вход: PNG, JPG или GIF – квадратный формат подходит лучше всего
Выход: 17 размеров в одном ZIP-архиве, в формате, который вы загрузили (рекомендуется PNG)
Охватывает браузеры (16–96 px), Apple (57–180 px), Android (36–192 px), плитки Windows (70–310 px)
Google требуется минимум 48 × 48 px, чтобы отображать его в поиске

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

🖼️ Фавикон — это крошечный значок на вкладках браузера, в закладках, на главном экране телефона и, все чаще, рядом с названием вашего сайта в результатах поиска Google. Четкий значок помогает легче найти ваш сайт среди десятков открытых вкладок и выглядит более надежным в поиске.

Как создать свой фавикон – пошаговая инструкция

Шаг 1: Подготовьте квадратное изображение

Используйте символ вашего логотипа на простом фоне, размером не менее 310 × 310 пикселей. Удалите мелкий текст – он становится нечитаемым при размере 16 пикселей.

Шаг 2: Загрузите его

Откройте Генератор Фавиконов и выберите изображение – лучше всего подойдет PNG, так как значки сохраняются в том же формате, в котором вы их загружаете.

Шаг 3: Сгенерировать

Инструмент создает все 17 размеров одновременно.

Шаг 4: Скачайте ZIP-архив

Распакуйте его на своем компьютере – эти файлы вы загрузите на свой сайт следующим шагом.

Добавьте его на свой сайт

Загрузите PNG-файлы в корневую папку вашего сайта (папку с вашей главной страницей), затем добавьте эти строки внутрь тега <head> на ваших страницах:

💡 Хотите попробовать прямо сейчас? Откройте бесплатный инструмент «Генератор favicon» – это займёт меньше минуты, работает на телефоне и компьютере и не требует регистрации. Открыть «Генератор favicon» →

WordPress: перейдите в Appearance → Customize → Site Identity → Site Icon и загрузите изображение размером 512 × 512 пикселей – WordPress добавит теги автоматически. Blogger: Layout → Favicon → Edit.

Советы по дизайну для крошечных размеров

Используйте одну жирную фигуру или букву – мелкие детали исчезают при 16 px.
Выберите сильный контраст, чтобы он хорошо смотрелся как на светлых, так и на темных вкладках браузера.
Избегайте тонких линий и длинных слов.
Предварительно просмотрите в уменьшенном виде: уменьшите масштаб браузера и посмотрите на вкладку.

Попробуйте бесплатный инструмент «Генератор favicon» прямо сейчас

Откройте «Генератор favicon» на pdfseotools.com – бесплатно, без регистрации и на любом устройстве.

Открыть «Генератор favicon» →

Часто задаваемые вопросы

Какое изображение мне следует загрузить?

Квадратное изображение в формате PNG, JPG или GIF вашего логотипа или значка, в идеале размером не менее 310 × 310 пикселей и достаточно простое, чтобы его можно было распознать в очень маленьких размерах.

Какие размеры создает генератор?

17 размеров, сохраненных в том же формате, который вы загружаете (загрузите PNG, чтобы получить PNG-иконки): 16, 32 и 96 пикселей для фавиконов браузера; значки Apple touch от 57 до 180 пикселей; значки Android 36, 48 и 192 пикселей; и плитки Microsoft 70, 144, 150 и 310 пикселей. Они скачиваются вместе в ZIP-архиве.

Почему мой новый favicon не отображается?

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

Показывает ли Google мой favicon в результатах поиска?

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

Могу ли я использовать нелинейный логотип?

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

Мне нужен файл favicon.ico?

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

Краткий итог

Квадратный логотип, 17 размеров, несколько строк в вашем HTML – и ваш сайт получает профессиональную иконку везде. Создайте свою с помощью Favicon Generator и изучите больше бесплатных инструментов для изображений.

Поделиться в соцсетях: