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

SVG в ICO

Создайте favicon с несколькими размерами: конвертация SVG в ICO

Создавайте файлы Windows .ico для favicon сайтов и ярлыков рабочего стола. Каждый стандартный размер от 16×16 до вашей цели упаковывается в один файл. Создан для веб-разработчиков и дизайнеров иконок.

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

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

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

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

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

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

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

Что такое SVG?

SVG (Scalable Vector Graphics) — это XML-формат векторных изображений. Вместо пикселей SVG математически описывает фигуры, контуры, заливки и обводки, поэтому может отображаться в любом размере без потери качества.

SVG — это стандартный векторный формат веба. Его поддерживают все современные браузеры, его можно стилизовать с помощью CSS, анимировать с помощью JavaScript или SMIL, и обычно он значительно меньше эквивалентного растрового изображения.

Что такое ICO?

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

SVG против растровых форматов

Векторная графика (SVG) и растровая графика (PNG, JPG) решают разные задачи. Подходящий формат зависит от того, как изображение будет использоваться.

ХарактеристикаSVGPNG / JPGICO / ICNS
МасштабированиеНе зависит от разрешенияРазмывается при увеличенииЗаранее отрисован в фиксированных размерах
Размер файлаМалый для фигур и иконокРастёт с разрешениемНабор предзаготовленных растров
РедактированиеМожно редактировать как текст или в векторных редакторахТолько попиксельное редактированиеРедактировать каждый размер и переупаковывать
АнимацияCSS, SMIL, JavaScriptОграниченно (анимированные PNG/GIF)Не поддерживается
ПрозрачностьДаPNG да, JPG нетДа (на основе PNG)

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

Браузеры и оболочки рабочего стола используют ICO-файлы. Используйте этот конвертер SVG в ICO как бесплатный генератор favicon: конвертируйте SVG в ICO, когда нужен favicon (`favicon.ico`), ярлык Windows или там, где требуется файл `.ico`. Многоразмерный ICO с целью 64 обычно весит 5-25 КБ; с целью 256 (упаковывая 16, 32, 48, 64, 128, 256): 40-120 КБ. Один файл покрывает каждый стандартный слот иконки, который запрашивают Windows и браузеры.

SVG в ICO: размер файла и компромиссы качества

Размер файла

Многоразмерный ICO упаковывает каждый стандартный слот от 16×16 до вашего целевого размера. На цели 256 файл упаковывает 16, 32, 48, 64, 128, 256; в сумме типично 40-120 КБ. На цели 64 — три слота, около 5-25 КБ. Каждый слот внутри хранит PNG-данные, так что размер масштабируется со степенью детализации.

Когда ICO — правильный выбор

ICO — правильный вывод для favicon-ов Windows (`favicon.ico` в корне сайта), ярлыков рабочего стола Windows, закреплённых иконок панели задач и любого контекста, требующего файла `.ico`. У него самая глубокая браузерная поддержка-фолбэк; его обслуживание удовлетворяет даже древние браузеры и RSS-читалки.

Когда сохранить SVG

Современные браузеры принимают `<link rel='icon' type='image/svg+xml' href='/favicon.svg'>`, так что сохраняйте SVG и подавайте его рядом с ICO. Один SVG-favicon масштабируется до любого размера панели задач и вкладки и остаётся чётким на HiDPI-экранах. ICO покрывает ярлыки рабочего стола Windows и очень старые браузеры.

Компромиссы качества

Каждый слот ICO растеризуется в своём точном пиксельном размере, поэтому слот 16×16 чёткий на 16×16, но крайнее уменьшение из сложного SVG может потерять детали. Для favicon-ов: разрабатывайте исходный SVG так, чтобы он хорошо читался на 16×16 (толстые штрихи, мало деталей). Прозрачность сохраняется попиксельно; фоны остаются прозрачными, если вы не выберете сплошной цвет.

Как конвертировать SVG в ICO онлайн

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

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

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

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

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

Какие размеры содержит ICO?

Конвертер упаковывает каждый стандартный слот ICO вплоть до целевого размера в один файл: 16, 32, 48, 64, 128, 256. Большинство браузеров и инструментов Windows автоматически выбирают подходящий размер по контексту.

Какой размер выбрать для favicon?

32 — безопасный выбор по умолчанию для вкладок браузера и закладок. Выберите 256, если хотите все стандартные размеры в одном файле. Windows использует самый большой для ярлыков, закреплённых значков на панели задач и иконок рабочего стола.

Можно ли использовать прозрачный фон в ICO?

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