Как экспортировать SVG как PNG высокого разрешения?

Задайте масштаб 2x или 3x или введите явную ширину вроде 1024. Поскольку источник векторный, больший размер вывода остаётся чётким — вы просто выбираете, сколько пикселей растеризовать, поэтому выберите разрешение, нужное цели.

Как этот конвертер решает размер вывода PNG?

Он читает собственный размер SVG из его атрибутов width и height или из viewBox, когда их нет, затем применяет ваш масштаб или явные width/height. Задание только одного измерения сохраняет исходное соотношение сторон.

Можно ли преобразовать SVG в JPG вместо PNG?

Да. Переключите формат на JPG и используйте ползунок качества для файлов поменьше. У JPG нет прозрачности, поэтому изображение сводится на белый или выбранный вами цвет фона; используйте PNG, когда нужен прозрачный фон.

Почему текст в моём SVG отсутствует после преобразования в PNG?

Canvas браузера растеризует без ваших системных или веб-шрифтов, поэтому может отрисоваться пустым. Преобразуйте текст в контуры (пути) в вашем векторном редакторе или встройте шрифт в SVG перед растеризацией здесь.

Сохраняет ли преобразование SVG в PNG прозрачный фон?

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

Загружается ли мой SVG при преобразовании в PNG?

Нет. Конвертер SVG в PNG отрисовывает всё на canvas в вашем браузере. Разметка или файл, который вы перетаскиваете, растеризуется локально, и результат никогда не покидает ваше устройство и не отправляется в ArrayKit.

Конвертер SVG в PNG

Превратите разметку SVG или файл .svg в чёткий PNG или JPG любого масштаба, прямо в вашем браузере. Ваша графика остаётся на вашем устройстве.

Конвертер SVG в PNG растеризует вашу графику на canvas в вашем браузере. Файл .svg или разметка, которую вы перетаскиваете или вставляете, преобразуется локально и никогда не загружается в ArrayKit.

Открыть конвертер изображений

Об инструменте SVG в PNG

Конвертер SVG в PNG растеризует векторную графику в пиксельное изображение без какого-либо графического ПО. Перетащите файл .svg или вставьте разметку SVG, затем выберите размер вывода — множитель 1x, 2x или 3x от собственного размера, пользовательский масштаб или явные ширину и высоту с сохранением соотношения сторон. Он читает размер из атрибутов width и height SVG или из его viewBox, так что экспорт соответствует источнику. Выберите PNG для прозрачности без потерь или JPG для фотографий поменьше и задайте прозрачный или сплошной фон. Это удобно, когда платформа отклоняет SVG, вам нужен ретина-ассет @2x или favicon, изображение для README либо графика для письма должны быть растровыми. Всё отрисовывается локально на canvas; ваша графика никогда не покидает ваше устройство.

Возможности

Перетащите файл .svg или вставьте сырую разметку SVG — графическое приложение не нужно
Читает собственный размер из атрибутов width/height или из viewBox
Экспорт в масштабе 1x, 2x, 3x, пользовательском масштабе или явных ширине и высоте
Фиксирует соотношение сторон, когда вы задаёте только ширину или только высоту
Вывод PNG сохраняет прозрачность; JPG добавляет регулируемый ползунок качества
Прозрачный или сплошной цветной фон с живым превью в виде шахматной доски
Смотрите собственный размер, пиксели вывода и размер файла перед скачиванием
Растеризует на canvas в вашем браузере, без загрузок

Как использовать SVG в PNG

Перетащите файл .svg или вставьте разметку SVG в область источника
Выберите масштаб (1x/2x/3x или пользовательский) или введите явную ширину или высоту
Выберите PNG или JPG и прозрачный или цветной фон
Проверьте растровое превью, затем скачайте PNG или JPG

Пример

Ввод

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"><rect width="64" height="32" fill="#6d28d9"/></svg>

Результат

64×32 SVG → 128×64 PNG at 2x scale

viewBox 0 0 64 32, растеризованный в 2x, становится PNG 128×64.

Частые ошибки и устранение неполадок

Экспортированный PNG выглядит размытым или пиксельным. — Увеличьте масштаб (попробуйте 2x или 3x) или задайте явную большую ширину. Поскольку источник векторный, больший размер вывода остаётся чётким — вы выбираете растровое разрешение.
Текст или значковый шрифт исчезает в PNG. — Отрисовка на canvas не загружает внешние или системные шрифты. Преобразуйте текст в контуры (пути) в вашем редакторе или встройте шрифт перед растеризацией.
SVG использует width="100%" и выходит в размере по умолчанию. — У процентных размеров нет фиксированных пиксельных размеров, поэтому используется viewBox или значение по умолчанию 300×300, когда его нет. Добавьте viewBox или явные пиксельные width/height либо задайте пользовательскую ширину здесь.
Внешне ссылаемое изображение или таблица стилей отсутствует. — Надёжно растеризуются только самодостаточные SVG. Встройте любые связанные ассеты <image href> и CSS, чтобы у разметки не было внешних зависимостей.

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

Как экспортировать SVG как PNG высокого разрешения?: Задайте масштаб 2x или 3x или введите явную ширину вроде 1024. Поскольку источник векторный, больший размер вывода остаётся чётким — вы просто выбираете, сколько пикселей растеризовать, поэтому выберите разрешение, нужное цели.
Как этот конвертер решает размер вывода PNG?: Он читает собственный размер SVG из его атрибутов width и height или из viewBox, когда их нет, затем применяет ваш масштаб или явные width/height. Задание только одного измерения сохраняет исходное соотношение сторон.
Можно ли преобразовать SVG в JPG вместо PNG?: Да. Переключите формат на JPG и используйте ползунок качества для файлов поменьше. У JPG нет прозрачности, поэтому изображение сводится на белый или выбранный вами цвет фона; используйте PNG, когда нужен прозрачный фон.
Почему текст в моём SVG отсутствует после преобразования в PNG?: Canvas браузера растеризует без ваших системных или веб-шрифтов, поэтому <text> может отрисоваться пустым. Преобразуйте текст в контуры (пути) в вашем векторном редакторе или встройте шрифт в SVG перед растеризацией здесь.
Сохраняет ли преобразование SVG в PNG прозрачный фон?: Вывод PNG сохраняет прозрачность, поэтому выберите PNG с опцией прозрачного фона, чтобы сохранить её. Превью показывает шахматную доску там, где изображение просвечивает. Выберите сплошной цвет заливки, если нужен непрозрачный фон.
Загружается ли мой SVG при преобразовании в PNG?: Нет. Конвертер SVG в PNG отрисовывает всё на canvas в вашем браузере. Разметка или файл, который вы перетаскиваете, растеризуется локально, и результат никогда не покидает ваше устройство и не отправляется в ArrayKit.

Связанные инструменты

Конвертер форматов изображений — Конвертируйте изображения между PNG, JPEG и WebP полностью в вашем браузере.
Оптимизатор SVG — Минифицирует SVG: удаляет комментарии, метаданные и остатки редактора, сжимает пробелы.
Оптимизатор изображений — Перекодируйте и уменьшайте изображения (JPEG/WebP/PNG) с опциональным изменением размера.
Кодировщик / декодировщик изображений Base64 — Преобразуйте изображения в Base64 Data URI со сниппетами HTML и CSS или декодируйте Data URI в скачиваемое изображение.
Генератор иконок приложений — Превратите одно изображение в иконку любого размера для iOS, macOS и Android — в ZIP, в вашем браузере.
Пипетка цвета из изображения — Наводите и кликайте по изображению, чтобы получить HEX, RGB и HSL.