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

SVG в иконку

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

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

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

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

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

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

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

Фон
Радиус углов
Рисунок
Выравнивание по горизонтали
Выравнивание по вертикали

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

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

Нет предпросмотра. Добавьте и выберите файлы, чтобы увидеть результат.

Файлов пока нет. Перетащите файлы выше или нажмите ВЫБРАТЬ ФАЙЛЫ.

Что такое 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 разных размеров, если вам нужен значок Windows, ярлык на рабочем столе или значок приложения. Файл упаковывает все стандартные размеры до 256 пикселей. Преобразуйте SVG в .icns при упаковке приложения macOS, пакета Electron или Tauri или при замене пользовательского значка типа документа. Файл упаковывает каждый слот macOS до 1024 пикселей. Один исходный код SVG предоставляет вам один файл разного размера для каждой платформы.

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

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

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

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

  1. 1

    Перетащите файлы или нажмите ВЫБРАТЬ ФАЙЛЫ, чтобы добавить их в очередь. До 40 за раз.

  2. 2

    Задайте параметры вывода (размер, DPI, фон, качество или детализацию трассировки), и предпросмотр обновится сразу.

  3. 3

    Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать результат, или один ZIP-архив, когда в очереди больше одного файла.

Приватность: ваши файлы не покидают браузер

Преобразование выполняется локально в вашем браузере с использованием JavaScript и WebAssembly. Загрузка файлов или преобразование на стороне сервера не выполняются, поэтому добавляемые вами файлы остаются на вашем устройстве.

Локальная обработка помогает защитить конфиденциальные логотипы, внутренние документы и неопубликованные изображения клиентов. Страницы и код преобразования кэшируются по мере их использования, поэтому уже открытые вами инструменты могут продолжать работать без подключения к сети.

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

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

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

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

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

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

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