Генератор favicon
Превратите любое изображение в favicon.ico и полный набор PNG- и manifest-иконок
Об этом инструменте
Перетащите одно изображение — в идеале квадратный логотип от 512px — и получите полный набор фавиконок: favicon.ico с 16, 32 и 48 px для вкладок и закладок, PNG стандартных размеров, включая иконку Apple touch на 180px и PWA-иконки на 192/512px, стартовый site.webmanifest и теги <link> для вставки в <head>. Всё в одном ZIP, с именами ровно такими, как ожидают соглашения.
Детали, в которых обычно ошибаются руководства по фавиконкам, здесь учтены: ICO содержит PNG-сжатые записи (поддерживаются везде начиная с Windows Vista и гораздо меньше устаревших BMP-иконок); иконка Apple touch сводится на выбранный вами цвет фона, потому что iOS заменяет прозрачность чёрным; PWA-иконки сохраняют альфа-канал. Неквадратные исходники обрезаются по центру, а не сплющиваются.
Уменьшение логотипа до 16px разрушительно по своей природе — мелкие детали просто не выживают, — поэтому ряд предпросмотра показывает каждый размер в реальных пикселях: разборчивость видно до публикации. Всё рендерится на локальном canvas, а контейнеры ICO/ZIP собираются байт за байтом прямо на странице — логотип никуда не загружается.
Частые вопросы
- Какие размеры фавиконок реально нужны в 2026 году?
- Меньше, чем гласит фольклор: favicon.ico с 16/32/48 для легаси и адресной строки, один apple-touch-icon.png на 180px и PNG на 192/512px, указанные в манифесте. Современные браузеры выбирают лучший вариант именно из этого набора — паки из 20 файлов от некоторых генераторов это карго-культ.
- Почему мой логотип нечитаем в 16px?
- Шестнадцать пикселей — беспощадно мало: словесные знаки, тонкие штрихи и деликатные градиенты растворяются. Сильные фавиконки сводят бренд к одному крупному контрастному знаку. Если предпросмотр 16px здесь превратился в кашу, обрежьте плотнее до узнаваемой части знака или используйте упрощённый вариант для малых размеров.
- Нужен ли ещё файл .ico, или PNG-фавиконок достаточно?
- Все современные браузеры принимают PNG, но /favicon.ico — по-прежнему путь, который агенты, краулеры и старые инструменты запрашивают вслепую. Настоящий ICO там стоит несколько килобайт и убирает целый класс 404 и странностей с фолбэками — держите его рядом с PNG-ссылками.
- Зачем иконке Apple touch цвет фона?
- iOS не отображает прозрачность в иконках на домашнем экране — альфа вашего PNG будет сведена на чёрный. Предварительное сведение на выбранный цвет делает результат осознанным. Выберите фон под свою иконку и помните: углы iOS скругляет сама, поэтому отдавайте полностью заполненный квадрат.