QuokkaPix
Головна Генератор favicon

Генератор favicon

Створіть favicon і розміри іконок застосунку з одного зображення

Ця сторінка потрібна, коли логотип або квадратний знак бренду треба перетворити на набір іконок для сайту, веб-застосунку або PWA. QuokkaPix створює поширені PNG-розміри локально, щоб ви могли перевірити різкість і відступи перед додаванням файлів у проєкт.

Без завантаження файлівЛокально у браузеріБезкоштовно
Відкрити редактор Усі режими
Кнопка нижче відкриває редактор QuokkaPix уже з вибраним інструментом.

Що робить цей інструмент

Генеруйте favicon, Apple touch icon і PNG-іконки PWA локально в браузері без завантаження логотипа.

Від 16 до 512 px
Локальний ZIP
Іконки сайту і PWA

Як це працює

1
Завантажте квадратний або центрований логотип.
2
Відкрийте пакет favicon/app icon.
3
Перевірте відступи, контраст і форму на малих розмірах.
4
Скачайте ZIP з PNG-іконками.

FAQ

Логотип надсилається на сервер?

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

Які розміри створюються?

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

Практичні перевірки

Favicon — це не одна квадратна іконка

Набір favicon має працювати у вкладках браузера, закладках, закріплених ярликах і малих мобільних прев’ю. Починайте з простої контрастної форми й уникайте тексту, який зникає на 16 px. Експортуйте потрібні розміри, потім перевірте, чи впізнається найменша версія без опори лише на колір. Зберігайте майстер-іконку окремо, бо згенеровані favicon-файли є доставними графічними ресурсами, а не джерелом дизайну.

1
Використовуйте просту форму з сильним контрастом.
2
Перевіряйте 16 px і 32 px перед публікацією.
3
Зберігайте початковий логотип або іконку окремо від favicon-файлів.

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

Favicon найчастіше ламається в найменшому розмірі. Перед використанням ZIP відкрийте PNG 16 px і 32 px окремо, а не лише велику іконку 512 px. Тонкий текст, детальний персонаж і горизонтальний логотип часто зникають у вкладці браузера. Добре джерело зазвичай виглядає як спрощений знак із сильним контрастом і достатнім порожнім полем навколо. Зберігайте оригінальний бренд-файл окремо, щоб набір іконок можна було перескласти з іншим кадром або фоном.

1
Перевіряйте 16 px і 32 px як реальні файли.
2
Уникайте знаків із дрібним текстом.
3
Зберігайте чистий квадратний майстер для майбутніх наборів.

Пов’язані сторінки

Якщо потрібен наступний крок, відкрийте відповідний інструмент і продовжуйте роботу в тому самому редакторі.