SEO
Favicon Generator
Загрузить изображение и получить полный набор favicon (16–512px, .ico, web-манифест) и готовый HTML-код для <head>.
В архив входят все PNG, favicon.ico и site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Статья об этом инструменте: Favicon: почему для одной иконки нужно столько размеров и форматов
Часто задаваемые вопросы
Зачем нужно так много разных размеров favicon?
Разные платформы запрашивают разные размеры — вкладки браузера обычно используют 16x16 или 32x32, значки на главном экране iOS требуют 180x180, а Android использует разные размеры вплоть до 512x512 — генерация полного набора гарантирует чёткий вид значка везде.
Чем отличаются favicon .ico и .png?
Формат .ico может объединять несколько разрешений в одном файле и имеет самую широкую поддержку старых браузеров, тогда как современные браузеры также принимают обычные .png файлы, указанные прямо в тегах link — большинство сайтов сегодня используют оба для совместимости.
Отправляется ли моё загруженное изображение на сервер для генерации фавиконов?
Нет. Всё изменение размера и конвертация формата происходят полностью в вашем браузере — изображение никогда никуда не загружается.
Можно ли использовать SVG в качестве favicon?
Да — современные браузеры на базе Chromium и Firefox поддерживают <link rel="icon" type="image/svg+xml">, и такой favicon остаётся чётким при любой плотности экрана и может даже реагировать на тёмную тему через prefers-color-scheme внутри самого файла.
Что такое maskable-иконка для Android?
Это иконка с безопасным полем вокруг основного изображения, которую Android может обрезать в любую форму (круг, квадрат со скруглёнными углами и т.д.) в соответствии с темой устройства, не обрезая важное содержимое иконки.