Перейти к основному содержимому

SVG в иконку

Создание favicon ICO и иконок приложений macOS ICNS из SVG

Создавайте многоразмерные пакеты иконок для сайтов, настольных приложений и ярлыков. Выберите целевой размер, и каждый стандартный слот до этого размера упаковывается автоматически, для веб-разработчиков и дизайнеров иконок.

Перетащите файлы сюда

Редактирование значений по умолчанию для новых файлов

Формат иконки

ICO использует фиксированные размеры: 16, 32, 48, 64, 128, 256. Мы создадим каждый слот до вашей цели и упакуем их в один файл .ico.

Будет включать 16, 32, 48, 64, 128, 256

Фон
Радиус углов

Предпросмотр

Нет предпросмотра. Добавьте и выберите файлы, чтобы увидеть результат.
Файлов пока нет. Перетащите изображения выше или нажмите ВЫБРАТЬ ФАЙЛЫ.

Что такое ICO?

ICO — формат-контейнер иконок Windows, используемый для favicon, иконок приложений и ярлыков рабочего стола. Файл ICO может содержать одно или несколько растровых изображений (обычно от 16×16 до 256×256) в одном файле.

Что такое ICNS?

ICNS — формат-контейнер иконок Apple, используемый macOS для пакетов приложений и иконок типов документов. Файл ICNS содержит одно или несколько изображений PNG в стандартных размерах (16, 32, 64, 128, 256, 512, 1024 пикселей).

Когда конвертировать SVG в ICO или ICNS

Браузеры и операционные системы используют файлы-контейнеры иконок. Конвертируйте SVG в многоразмерный `.ico`, когда нужен favicon Windows, ярлык рабочего стола или иконка приложения. Файл упаковывает каждый стандартный размер (16, 32, 48, 64, 128, 256) и обычно весит 40-120 КБ. Конвертируйте SVG в `.icns` при упаковке приложения macOS, бандла Electron или Tauri, или при замене пользовательской иконки типа документа. Файл упаковывает каждый слот macOS до 1024 px (200 КБ-2 МБ). Один исходный SVG, один файл на платформу, все требуемые размеры внутри.

ICO или ICNS: какой контейнер иконок выбрать

Оба формата упаковывают несколько растровых размеров из одного источника SVG. Выбирайте по платформе, которая потребляет файл.

ICOICNS
ПлатформаWindows, браузерыmacOS
Упакованные размеры16, 32, 48, 64, 128, 25616, 32, 64, 128, 256, 512, 1024
Типичный размер файла5-120 КБ в зависимости от цели30 КБ - 2 МБ в зависимости от цели
Лучше дляFavicon-ы (favicon.ico), ярлыки рабочего стола, закрепления в панели задачmacOS .app-бандлы, иконки типов документов, Mac-сборки Electron или Tauri

Как онлайн конвертировать SVG в многоразмерную иконку ICO или ICNS

  1. Перетащите файл (или нажмите ВЫБРАТЬ ФАЙЛЫ), чтобы добавить его в очередь.
  2. Настройте параметры слева (формат, размер, фон, качество) и наблюдайте, как обновляется предпросмотр.
  3. Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать конвертированный файл (или ZIP, если загрузили несколько файлов).

Конфиденциальность и безопасность

Ваши файлы никогда не покидают ваш компьютер. Конвертация полностью выполняется в вашем браузере с использованием JavaScript и WebAssembly. Ни загрузки, ни сервера, ни отслеживания содержимого ваших файлов.

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

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

В чём разница между ICO и ICNS?

ICO — формат favicon и значков ярлыков Windows, используется браузерами, рабочим столом и панелью задач. ICNS — формат иконок macOS, используется в .app-пакетах, Finder и Dock. Оба упаковывают несколько размеров в один файл, чтобы система выбирала подходящий по контексту.

Почему файл содержит несколько размеров?

Favicon отображается как 16×16 во вкладке браузера, 32×32 в закладках и 48-256 px на рабочем столе. macOS работает от вида списком 16×16 до полноэкранной заставки 1024×1024. Упаковка всех стандартных размеров означает, что система всегда выберет самый чёткий и подходящий вариант, без отдельных файлов для управления.

Можно ли создать только один размер?

Выберите наименьший целевой размер, и конвертер создаст только слоты до этого размера. Если вам действительно нужен файл одного разрешения, и ICO, и ICNS это поддерживают, но большинство платформ ожидают мультиразмерный пакет; крупный дизайн может, например, плохо выглядеть в виде крошечной иконки строки меню.