Как пользоваться
- Выберите SVG из: Файлов SVG или Вставленного кода SVG. Для файлов нажмите Выберите файлы или перетащите их в поле.
- Задайте Размер. Масштаб умножает собственный размер рисунка, а Ширина (px) делает изображение такой ширины.
- Выберите Фон. Прозрачный сохраняет просветы в PNG, WebP и AVIF; цвет заполняет их.
- Выберите Формат файла и нажмите Конвертировать рисунки. Если файлов несколько, вы получите один ZIP.
Размер и резкость
SVG — рисунок из фигур, поэтому он остаётся резким при любом размере. Масштаб применяется к ширине и высоте, которые объявляет рисунок, или к его viewBox, если их нет. Изображение с масштабом 4 имеет в четыре раза больше пикселей по каждой стороне, то есть в шестнадцать раз больше в целом.
Ссылки и скрипты
Рисунок показывается через элемент изображения браузера. Скрипты внутри SVG не работают, а ссылки на другие файлы, такие как шрифты или картинки, указанные адресом, не загружаются. Текст может быть нарисован запасным шрифтом. Если нужен конкретный шрифт, переведите текст в кривые в программе, в которой создан SVG.
Прозрачность и форматы
PNG, WebP и AVIF сохраняют прозрачные области. В JPEG прозрачности нет, поэтому фон белый, если вы не выбрали цвет. Наибольшая сторона ограничена 8 192 пикселями, а изображение, которое больше того, что может вместить браузер, уменьшается.
Пример: иконка 64 × 64 в четыре раза
Иконка SVG с шириной и высотой 64 становится 256 × 256 пикселей при масштабе 4. Выберите ширину 1024, и та же иконка станет 1 024 × 1 024 пикселя. Она остаётся резкой, потому что браузер заново рисует фигуры в этом размере.
Частые вопросы
Загружается ли мой SVG на сервер?
Нет. Файл или вставленный код читается и рисуется в вашем браузере, а файл PNG, JPEG, WebP или AVIF создаётся на вашем устройстве. Проверить это можно, отключив интернет после загрузки страницы и конвертировав рисунок.
Почему некоторые шрифты на картинке выглядят иначе?
Если рисунок называет шрифт, до которого картинка не может добраться, браузер использует запасной шрифт. Шрифты, подключённые по веб-адресу, не загружаются, поэтому переведите текст в кривые в программе, где создан SVG.
Почему связанные изображения в моём SVG пропали?
Из соображений безопасности рисунок, показанный как картинка, не загружает другие файлы, поэтому изображение, вставленное по веб-адресу, пропускается. Встройте картинку в SVG как data-адрес или сначала конвертируйте её.
Почему мой рисунок меньше, чем я ожидал?
Рисунок берёт собственный размер, если вы не выбрали масштаб или ширину. У рисунка без ширины и высоты используется viewBox, а рисунок без того и другого считается квадратом 512 пикселей.
Какой формат вывода выбрать?
PNG без потерь и сохраняет прозрачность, поэтому подходит для значков и логотипов. JPEG меньше для фотографий, но без прозрачности. WebP и AVIF ещё меньше там, где браузер умеет их сохранять.
Можно ли конвертировать несколько файлов SVG сразу?
Да. Выберите до 30 файлов и конвертируйте их вместе. Каждый файл сохраняет имя с новым расширением, и все вы скачиваете одним ZIP-файлом.
Источники
- MDN: HTMLCanvasElement.toBlob(), как записывается изображение (на английском)
- W3C SVG 2: спецификация масштабируемой векторной графики (на английском)
- MDN: атрибут viewBox в SVG (на английском)
Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..