Какие размеры генерирует этот инструмент?

Он генерирует PNG-файлы размером 16, 32, 48, 64, 180, 192 и 512 пикселей, многоразмерный favicon.ico (содержащий 16, 32 и 48 пикселей), site.webmanifest, перечисляющий иконки 192 и 512 пикселей, и соответствующие теги HTML .

Загружается ли моё изображение на сервер?

Нет. Все изменение размеров и упаковка происходит в вашем браузере с использованием API Canvas. Ваше изображение никогда не покидает ваше устройство.

Какое изображение лучше использовать в качестве исходного?

Квадратное изображение размером как минимум 512×512 пикселей обеспечивает самые четкие результаты во всех размерах. SVG работает особенно хорошо, потому что это формат, не зависящий от разрешения. Если изображение неквадратное, вы можете оставить всю картинку с прозрачными полями (по умолчанию) или заполнить квадрат, обрезав края. Если растровое изображение меньше 512 пикселей, более крупные иконки увеличиваются, а инструмент показывает сообщение.

Что такое многоформатный файл .ico и зачем он нужен?

Файл .ico может содержать несколько размеров в одном двоичном файле. Старые браузеры и Windows используют .ico для иконок вкладок и ярлыков, автоматически выбирая наиболее подходящий размер. Файл .ico из этого инструмента содержит иконки 16, 32 и 48 пикселей, и его можно скачать отдельно без ZIP.

Нужно ли мне использовать все сгенерированные размеры для моего сайта?

Для большинства веб-сайтов многоразмерный .ico, а также PNG-файлы 180 пикселей (Apple Touch Icon) и 192/512 пикселей (PWA) вместе с site.webmanifest охватывают все основные случаи использования. Меньшие PNG-файлы включены для полноты и поддержки старых браузеров.

Загружает ли этот инструмент мои данные?

Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.

🌐 Генератор значков Favicon и приложений

Загрузите одну картинку и мгновенно скачайте полный пакет значков — PNG-иконки всех стандартных размеров, многоформатный файл .ico и готовые HTML-ссылки, все в одном ZIP-архиве.

Загрузите квадратное изображение

🌐

Перетащите логотип сюда или нажмите, чтобы выбрать файл

PNG или SVG, желательно квадратное — генерируется в вашем браузере

favicon.ico содержит значки размером 16, 32 и 48 пикс.

Приватно по умолчанию. Этот инструмент работает полностью в браузере — ничего, что вы вводите, не загружается, и он работает офлайн.

Об инструменте

Этот инструмент использует Canvas API браузера для изменения размера исходного изображения до всех размеров, которые требуются современным браузерам и операционным системам: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) и 512×512 (заставка PWA). Он также собирает файл .ico, содержащий иконки 16, 32 и 48 пикселей в одном двоичном файле, создает site.webmanifest, в котором перечислены иконки 192 и 512 пикселей (поля name и short_name оставлены пустыми — заполните их), и генерирует фрагмент HTML с правильными тегами <link>. Если картинка неквадратная, вы можете оставить всю картинку с прозрачными полями или заполнить квадрат, обрезав края. Все упаковывается в ZIP с помощью встроенного модуля записи ZIP без сжатия (только хранение), а файл .ico также можно скачать отдельно. Поскольку весь процесс выполняется в браузере с помощью Canvas, ни один файл никогда не покидает устройство.

Как пользоваться

Иконки генерируются сразу после выбора изображения, поэтому кнопки "Генерировать" нет. Проверьте миниатюры предпросмотра от 16 до 512 пикселей и размер исходной картинки. Для неквадратного изображения выберите, оставить всю картинку с полями или заполнить квадрат, обрезав края.
Нажмите "Скачать ZIP", чтобы получить все PNG, многоразмерный favicon.ico, site.webmanifest и файл с фрагментом HTML в одном архиве. Если нужен только файл .ico, нажмите "Скачать только .ico".
Нажмите "Копировать HTML-теги" (или откройте head-snippet.html) и вставьте теги <link> в <head> сайта.
Загрузите файлы в корневую папку сайта, а затем заполните name и short_name в site.webmanifest.

Частые вопросы

Какие размеры генерирует этот инструмент?: Он генерирует PNG-файлы размером 16, 32, 48, 64, 180, 192 и 512 пикселей, многоразмерный favicon.ico (содержащий 16, 32 и 48 пикселей), site.webmanifest, перечисляющий иконки 192 и 512 пикселей, и соответствующие теги HTML <link>.
Загружается ли моё изображение на сервер?: Нет. Все изменение размеров и упаковка происходит в вашем браузере с использованием API Canvas. Ваше изображение никогда не покидает ваше устройство.
Какое изображение лучше использовать в качестве исходного?: Квадратное изображение размером как минимум 512×512 пикселей обеспечивает самые четкие результаты во всех размерах. SVG работает особенно хорошо, потому что это формат, не зависящий от разрешения. Если изображение неквадратное, вы можете оставить всю картинку с прозрачными полями (по умолчанию) или заполнить квадрат, обрезав края. Если растровое изображение меньше 512 пикселей, более крупные иконки увеличиваются, а инструмент показывает сообщение.
Что такое многоформатный файл .ico и зачем он нужен?: Файл .ico может содержать несколько размеров в одном двоичном файле. Старые браузеры и Windows используют .ico для иконок вкладок и ярлыков, автоматически выбирая наиболее подходящий размер. Файл .ico из этого инструмента содержит иконки 16, 32 и 48 пикселей, и его можно скачать отдельно без ZIP.
Нужно ли мне использовать все сгенерированные размеры для моего сайта?: Для большинства веб-сайтов многоразмерный .ico, а также PNG-файлы 180 пикселей (Apple Touch Icon) и 192/512 пикселей (PWA) вместе с site.webmanifest охватывают все основные случаи использования. Меньшие PNG-файлы включены для полноты и поддержки старых браузеров.
Загружает ли этот инструмент мои данные?: Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.