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) решают разные задачи. Подходящий формат зависит от того, как изображение будет использоваться.
| Характеристика | SVG | PNG / JPG | ICO / 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 онлайн
- Перетащите файл (или нажмите ВЫБРАТЬ ФАЙЛЫ), чтобы добавить его в очередь.
- Настройте параметры слева (формат, размер, фон, качество) и наблюдайте, как обновляется предпросмотр.
- Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать конвертированный файл (или ZIP, если загрузили несколько файлов).
Конфиденциальность и безопасность
Ваши файлы никогда не покидают ваш компьютер. Конвертация полностью выполняется в вашем браузере с использованием JavaScript и WebAssembly. Ни загрузки, ни сервера, ни отслеживания содержимого ваших файлов.
Поскольку ничего не загружается, инструмент безопасно использовать с конфиденциальными логотипами, внутренними документами и собственной графикой.
Часто задаваемые вопросы
Какие размеры содержит ICO?
Конвертер упаковывает каждый стандартный слот ICO вплоть до целевого размера в один файл: 16, 32, 48, 64, 128, 256. Большинство браузеров и инструментов Windows автоматически выбирают подходящий размер по контексту.
Какой размер выбрать для favicon?
32 — безопасный выбор по умолчанию для вкладок браузера и закладок. Выберите 256, если хотите все стандартные размеры в одном файле. Windows использует самый большой для ярлыков, закреплённых значков на панели задач и иконок рабочего стола.
Можно ли использовать прозрачный фон в ICO?
Да. ICO поддерживает попиксельную альфа-прозрачность, и конвертер по умолчанию сохраняет прозрачность из SVG. Выбирайте сплошной цвет фона только если хотите залить полупрозрачные области.