Генератор favicon и иконок приложения

Создайте favicon и размеры иконок приложения из одного изображения

Эта страница нужна, когда логотип или квадратный знак бренда нужно превратить в набор иконок для сайта, веб-приложения или PWA. QuokkaPix создаёт распространённые PNG-размеры локально, чтобы вы могли проверить резкость и отступы перед добавлением файлов в проект.

Без загрузки файловЛокально в браузереБесплатно

Кнопка ниже открывает редактор QuokkaPix уже с выбранным инструментом.

Как это работает

Загрузите квадратный или центрированный логотип.

Откройте пакет favicon/app icon.

Проверьте отступы, контраст и форму на малых размерах.

Скачайте ZIP с PNG-иконками.

FAQ

Логотип загружается на сервер?

Нет. Генерация иконок выполняется локально в браузере.

Какие размеры создаются?

Пакет включает распространённые размеры favicon, Apple touch и PWA: 16, 32, 48, 180, 192 и 512 px.

Практические проверки

Favicon — это не одна квадратная иконка

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

Используйте простую форму с сильным контрастом.

Проверяйте 16 px и 32 px перед публикацией.

Храните исходный логотип или иконку отдельно от favicon-файлов.

Проверяйте 16 px до доверия всему набору

Favicon чаще всего ломается в самом маленьком размере. Перед использованием ZIP откройте PNG 16 px и 32 px отдельно, а не только крупную иконку 512 px. Тонкий текст, детальный персонаж и горизонтальный логотип часто исчезают во вкладке браузера. Хороший исходник обычно выглядит как упрощённый знак с сильным контрастом и достаточным пустым полем вокруг. Храните оригинальный фирменный файл отдельно, чтобы набор иконок можно было пересобрать с другим кадром или фоном.

Проверяйте 16 px и 32 px как реальные файлы.

Избегайте знаков с мелким текстом.

Храните чистый квадратный мастер для будущих наборов.

Связанные страницы

Если нужен следующий шаг, откройте подходящий инструмент и продолжайте работу в том же редакторе.