Конвертировать SVG в иконку

Q: Чем эта страница отличается от «SVG в ICO»?

[SVG в ICO](/svg-to-ico) нужен для одного файла .ico под фавиконки и Windows. Эта страница охватывает все места, где используется иконка, включая macOS ICNS и PNG фиксированных размеров, которые требуют Android, iOS и магазины приложений.

Из одного векторного логотипа можно получить иконки для всех мест: фавикон, ярлык в Windows, приложение на Mac и значки на главном экране телефона. По умолчанию страница создает ICO с несколькими размерами, а для других платформ можно переключиться на ICNS или PNG.

или перетащите сюда файлы JPG, JPEG, JPE … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Преобразовать в

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Качество и цвет

Анимированный исходник

Этот формат хранит только одно изображение. Чтобы сохранить анимацию, выберите GIF или WebP.

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

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

Изменение размера

Изменить размер изображения

Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.

Метаданные и цветовой профиль

Автоповорот

Поворачивает изображение по ориентации из EXIF, чтобы оно везде отображалось правильно.

Удалить метаданные

Удаляет GPS-координаты, данные камеры и комментарии. Цветовой профиль можно сохранить отдельно ниже.

Сохранить цветовой профиль

Сохраняет встроенный ICC-профиль, чтобы цвета оставались точными после конвертации.

Цветовое пространство

sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.

Метка DPI

dpi

Только метаданные; 0 сохраняет исходное значение. Это число читают принтеры и некоторые порталы; размеры в пикселях не меняются.

Как пользоваться инструментом

1
Загрузите квадратный SVG
Добавьте SVG с вашим знаком, лучше с квадратным viewBox. За один раз можно добавить до 20 файлов, например светлый и тёмный варианты.
2
Выберите формат иконки
По умолчанию выбран ICO, а в поле Размеры иконки стоит «Все размеры (16–256)». Для macOS выберите ICNS в поле Преобразовать в, а для иконки телефона или магазина приложений выберите PNG и укажите ширину в поле Изменить размер изображения.
3
Конвертируйте и разместите файлы
Нажмите Конвертировать в ICO (надпись зависит от выбранного формата), скачайте результат и положите каждый файл туда, где его ждёт нужная платформа.

Единого формата иконок не существует. Windows и браузеры используют ICO, macOS — ICNS, а телефоны — наборы PNG. Если исходник в SVG, каждый размер рисуется заново из вектора и остаётся чётким.

SVG в иконку: один вектор — три типа файлов иконок

Файл иконки — это контейнер с небольшими растровыми изображениями, а не вектор. Операционная система выбирает изображение, наиболее близкое к нужному размеру, поэтому в хорошей иконке их несколько, и каждое отрисовано под свою сетку пикселей.

Пресет ICO на этой странице создаёт один файл со всеми размерами от 16 до 256 px, чего хватает для favicon.ico и ярлыков Windows. Переключите Преобразовать в на ICNS, чтобы получить контейнер иконки Apple, или на PNG, чтобы получить отдельные размеры для Android, iOS и магазинов приложений.

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

Какие файлы иконок нужны каждой платформе
Организация	Требование	Источник
Рабочий стол и панель задач Windows	ICO с несколькими размерами, включая 16, 32, 48 и 256 px	—
Фавикон сайта	favicon.ico в корне сайта с размерами 16, 32 и 48 px; PNG 180 × 180 px для apple-touch-icon	—
Иконка приложения macOS	ICNS или каталог ресурсов Xcode, размеры до 1024 × 1024 px	—
Страница приложения в Google Play	32-битный PNG 512 × 512 px, до 1024 KB	—
Apple App Store	PNG 1024 × 1024 px без прозрачности	—

SVG

Scalable Vector Graphics

SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.

Сжатие: –
Прозрачность: Да
Анимация: Да
Год появления: 2001 · W3C

Конвертер SVG

ICO

Значок Windows

ICO — формат значков Microsoft, который используется для значков программ Windows и фавиконок сайтов. Один файл .ico может содержать несколько изображений разного размера, например 16×16, 32×32, 48×48 и 256×256 пикселей, чтобы система выбирала наиболее подходящее. Каждое изображение хранится как точечный рисунок или как данные PNG и поддерживает полную альфа-прозрачность. ICO не предназначен для фотографий и крупных иллюстраций. Его читают браузеры, Windows и большинство редакторов значков.

Сжатие: Без потерь
Прозрачность: Да
Анимация: Нет
Год появления: Microsoft

Конвертер ICO

Запрос «SVG в иконку» вводят, когда есть один векторный логотип и несколько платформ, у каждой свой контейнер иконки: от favicon.ico на сайте до ICNS на Mac и PNG нужных размеров в магазинах приложений.

Конвертировать SVG в иконки для Windows, Mac, Android и iOS

Оставьте ICO и значение «Все размеры» в поле Размеры иконки. Переименуйте результат в favicon.ico для корня сайта или укажите его в окне смены значка ярлыка Windows.

Один файл .ico подходит для вкладок, закладок и панели задач
Добавьте PNG 180 px для закладок на домашнем экране iPhone

Как нарисовать SVG, который читается в 16 px

В иконке 16 × 16 px всего 256 пикселей. У большинства брендов есть отдельный знак для иконок, часто только символ или одна буква, с крупными формами и малым числом цветов; если у вас такого ещё нет, сделайте упрощённую копию SVG для иконок.

Перед конвертацией проверьте viewBox. Широкий viewBox даёт иконку с пустыми полосами над знаком и под ним, поэтому сначала обрежьте его до квадрата; о квадратной обрезке рассказано в руководстве как обрезать изображение до нужных пропорций, а SVG в PNG даст быстрый крупный предпросмотр, чтобы оценить дизайн.

Частые вопросы о конвертации SVG в иконку

Чем эта страница отличается от «SVG в ICO»?

SVG в ICO нужен для одного файла .ico под фавиконки и Windows. Эта страница охватывает все места, где используется иконка, включая macOS ICNS и PNG фиксированных размеров, которые требуют Android, iOS и магазины приложений.

Какой формат иконок использует каждая операционная система?

Windows читает ICO, macOS читает ICNS или каталоги ресурсов, собранные в Xcode, а Android и iOS принимают PNG-изображения фиксированных размеров в пикселях.

Можно ли получить все размеры PNG для приложения за одну конвертацию?

Нет. В PNG хранится один размер, поэтому за одну конвертацию создаётся одна ширина. Задайте в поле Изменить размер изображения один размер, сконвертируйте, затем измените число и сконвертируйте снова: каждый размер чётко отрисовывается из вектора.

Подходит ли ICNS с этой страницы для иконок на Mac с Retina?

В нём есть размеры от 16 до 256 px. Современные иконки приложений macOS включают также записи 512 px и 1024 px для дисплеев Retina; Xcode или iconutil от Apple собирают их из PNG. Экспортируйте эти два размера здесь как PNG и добавьте в набор.

Нужно ли сохранять прозрачный фон иконки?

Для ICO, ICNS и слоёв лаунчера Android — да: прозрачность позволяет системе нарисовать собственный фон. Исключение — иконка iOS для App Store: Apple отклоняет маркетинговую иконку 1024 px с альфа-каналом, поэтому для этого PNG задайте в SVG сплошной фон.

Почему детальный логотип превращается в пятно на маленькой иконке?

При 16 или 32 px нет места для тонких линий и мелкого текста. Утолщите линии так, чтобы они занимали хотя бы один полный пиксель при наименьшем размере, и уберите надпись с названием.