Этот инструмент позволяет создать фавикон из любого изображения. Вы можете выбрать нужную область картинки (кроп), чтобы иконка выглядела чётко и узнаваемо даже в маленьком размере — 16×16 пикселей в разы жёстче обрезает детали, чем полноразмерный логотип.
Как сделать favicon.ico из обычной картинки?
Загрузите изображение (JPG, PNG, WEBP или GIF), выделите рамкой нужную область на предпросмотре и нажмите «Скачать .ico» — файл сразу будет содержать несколько размеров 16×16, 32×32 и 48×48.
Какой размер фавикона нужен для сайта?
Для классической вкладки браузера достаточно favicon.ico с размерами 16–48px. Если сайт поддерживает мобильные устройства и PWA, дополнительно нужны PNG 180×180 (Apple Touch Icon) и 192×192/512×512 (Android/манифест).
Чем ICO-файл отличается от PNG-иконки?
ICO — контейнер, который может хранить сразу несколько размеров изображения в одном файле и распознаётся всеми браузерами по умолчанию. PNG используется отдельно для конкретных платформ — Apple Touch Icon, Android Chrome, PWA-манифест.
Зачем обрезать изображение перед созданием фавикона?
При масштабировании до 16×16 пикселей мелкие детали и широкие поля превращаются в размытое пятно. Обрезка позволяет оставить только центральный узнаваемый элемент логотипа — букву, символ или иконку.
Какой размер фавикона использовать
| Размер | Где используется | Формат |
|---|---|---|
| 16×16 | Вкладка браузера (классический favicon) | ICO, PNG |
| 32×32 | Вкладка браузера на экранах с высоким DPI | ICO, PNG |
| 48×48 | Ярлык сайта на рабочем столе Windows | ICO, PNG |
| 180×180 | Apple Touch Icon для iOS (главный экран) | PNG |
| 192×192 | Иконка приложения Android Chrome / PWA | PNG |
| 512×512 | Splash screen и манифест PWA | PNG |