ПРИВАТНОСТЬ · 152-ФЗ

Файлы обрабатываются локально в вашем браузере

Ничего не загружается на наши серверы. Все операции выполняются полностью в браузере через библиотеку Canvas + ручной ICO encoder. Файл не покидает ваше устройство.

Это значит: работает офлайн (после первой загрузки страницы), не зависит от лимитов сервера, персональные данные не обрабатываются нами в смысле 152-ФЗ — нечего хранить и нечего утечь.

ИНСТР-FAVICONлокально в браузере11 размеров · ICO + PNG152-ФЗ · приватноревизия 2026-05-07

Favicon из PNG

Загрузите квадратную картинку → получите 11 PNG-размеров + favicon.ico (multi-size) + готовый HTML для head. iOS, Android, PWA, Windows.

⏱ ~5 сек · файлы не покидают браузер · 152-ФЗ

Результат · ИНСТР-FAVICON|client-side обработка

calcal.ru / sozdat-favicon-iz-png-onlajn

⭐

Перетащите картинку для favicon

JPG / PNG / WebP / SVG · рекомендуется квадрат 512×512 или больше

Загрузка инструмента…

11

Размеров иконки

ICO

Multi-resolution

iOS·Android·PWA

Платформы

0

Запросов с файлом

Что делает инструмент

Favicon — иконка сайта в табе браузера и при добавлении на главный экран мобильного устройства. Один файл favicon.ico или серия PNG нужно сгенерировать из исходного логотипа в нужных размерах. Этот инструмент делает всё за один шаг: загружаете квадратную картинку — получаете архив всех нужных файлов плюс HTML-сниппет для вставки в head.

Особенность: ICO-файл собирается ручным построением бинарной структуры — без сторонних библиотек. Только Canvas (для рендеринга в нужные размеры) и DataView (для записи ICO header). Это даёт максимальный контроль и нулевой overhead.

Какие размеры зачем

16×16 — favicon в табе Chrome / Firefox / Edge / Safari. Самый базовый размер.
32×32 — таскбар Windows, закладки, dock на macOS.
48×48 — Windows 11 Start menu, иконки рабочего стола Linux.
64×64, 96×96, 128×128 — промежуточные размеры для разных контекстов отображения.
152×152 — иконка сайта, добавленного на главный экран старых iPad / iPhone (до iOS 12).
180×180 — apple-touch-icon для современных iOS Retina (iPhone 6+).
192×192 — Android Chrome, добавление на главный экран.
256×256 — Windows 8/10 Start tile, файловые менеджеры.
512×512 — PWA (Progressive Web App) иконка для splash screen и установки.

Browsers select the best icon size for the context. Providing multiple sizes is the modern approach; ico file with embedded multi-resolution remains useful for legacy compatibility.— W3C HTML Living Standard

Как установить на сайт

Скачайте favicon.ico и нужные PNG из инструмента.
Положите файлы в корень сайта. Для Next.js (App Router) — в public/. Для статического сайта — в корень. favicon.ico можно положить в app/favicon.ico для Next.js — он будет встроен автоматически.
В HTML-теге <head> добавьте <link>-теги. Готовый HTML-сниппет показывается под результатом — скопируйте его.
Очистите кэш браузера (Ctrl+Shift+R) — старая иконка может «висеть» в кэше до недели.
Проверьте через realfavicongenerator.net/favicon_checker — там покажет какие платформы корректно подхватили иконку.

ИСТОЧНИКИ

Microsoft .ico format spec. Microsoft. docs.microsoft.com. 2023.
HTML Living Standard — favicon. WHATWG. html.spec.whatwg.org/multipage/links.html#rel-icon. 2024.
Apple Touch Icon Specification. Apple. developer.apple.com. 2024.
PWA Manifest icon sizes. web.dev (Google). web.dev/articles/add-manifest. 2024.

ЧАСТЫЕ ВОПРОСЫ

Часто задаваемые вопросы

Минимум 256×256, лучше 512×512 или больше. Picture должна быть квадратной — иначе при ресайзе появятся прозрачные поля. Если исходник прямоугольный, инструмент впишет картинку в квадрат с прозрачным фоном по краям. Для лучшего результата подготовьте квадратный PNG с прозрачным фоном (или заливкой).

Каждая платформа использует свой размер: 16×16 — табы Chrome/Edge; 32×32 — таскбар Windows; 48×48 — Windows 11 Start; 152×152 — старый iOS; 180×180 — современный iOS Retina; 192×192 — Android Chrome; 512×512 — иконка PWA. Один размер не покрывает всё. Если поставите только 32×32 — на iPhone иконка будет размытой при добавлении сайта на главный экран.

ICO — старый Windows-формат, может содержать несколько разрешений в одном файле. Браузеры ожидают favicon.ico по умолчанию (если HTML не указывает иначе). Современные браузеры умеют PNG-favicon, но для старых iE / Edge Legacy и для совместимости лучше иметь .ico с встроенными размерами 16/32/48.

1) Положите favicon.ico в корень сайта (например, public/favicon.ico для Next.js). 2) Положите все PNG-файлы туда же. 3) В <head> добавьте <link>-теги (готовый HTML показан под результатом). 4) Готово — все браузеры и устройства подхватят свои размеры. Для Next.js с App Router можно положить favicon.ico в app/favicon.ico — он встроится автоматически.

Да. PNG поддерживает прозрачность, и она передаётся на favicon корректно. Особенно важно для иконок с круглой/нестандартной формой — без прозрачности будет белый квадрат вокруг.

Нет. Всё через Canvas API в браузере. ICO-файл собирается ручным построением бинарной структуры (ICONDIR + entries + PNG-данные) — без сторонних библиотек. Файлы не покидают ваше устройство.

Стандарт Microsoft: ICONDIR (6 байт: reserved=0, type=1, count=N) → ICONDIRENTRY × N (по 16 байт: width, height, palette, planes, bpp, size, offset) → image data (PNG для каждого размера). Размеры > 256 в ICO записываются как 0 (означает 256+); большинство ОС игнорируют их в .ico.

SVG-favicon — современный подход (поддерживается с 2020 года). Преимущества: один файл на любой размер, без растеризации. Недостатки: не работает в старых браузерах, не работает как icon на iOS/Android home screen. Лучшая практика 2026: иметь и SVG, и .ico. SVG-favicon генерация — отдельная задача (план).

Был ли этот калькулятор полезен?

ревизия · 7 мая 2026

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ

Инструмент справочный — не заменяет эксперта

Только для информационных целей. Все расчёты, результаты и данные, предоставляемые инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.

Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.

Профессиональные решения — медицинские, финансовые, инженерные — должны приниматься только после консультации с квалифицированным специалистом. Не используйте автоматический расчёт как единственное основание для важных решений.

Ограничение ответственности. Авторы и разработчики сервиса не несут ответственности за прямой или косвенный ущерб, возникший из-за использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию результатов.

СМЕЖНЫЕ ИНСТРУМЕНТЫ

Файлы обрабатываются локально в вашем браузере

Favicon из PNG

Что делает инструмент

Какие размеры зачем

Как установить на сайт

Часто задаваемые вопросы

Лиана Арифметова

Инструмент справочный — не заменяет эксперта

Похожие калькуляторы

Объединить PDF онлайн — без загрузки на сервер

Сжать PDF онлайн — уменьшить размер локально

Разделить PDF на страницы — извлечь нужные онлайн

JPG в PDF — конвертер с объединением

Повернуть страницы PDF онлайн

Водяной знак на PDF онлайн (кириллица)

Нумерация страниц PDF онлайн

PDF в JPG / PNG — конвертер страниц

Извлечь текст из PDF онлайн

Сжать JPG до 100 КБ для документов

Удалить EXIF из фото — GPS и метаданные

Изменить размер фото в пикселях

WebP в JPG / PNG — конвертер онлайн

Повернуть фото — точно по градусам

Обрезать фото — точная обрезка