Руководство

Как преобразовать SVG в PNG и задать ширину и высоту

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

Инструмент SVG в PNG

Что подготовить перед запуском

Инструмент преобразует переданную SVG-разметку в PNG, поэтому он подходит для случая, когда векторное изображение нужно получить в растровом представлении. Входом служит текст SVG, который нужно вставить в поле содержимого.

Ширину и высоту можно не задавать вручную. Нулевые значения оставляют соответствующие габариты автоматическими в успешном ответе. Если требуется изменить размеры перед преобразованием, укажите ненулевые значения одновременно для обоих параметров. Тогда перед запуском обработки заменяются первые подходящие атрибуты width="..." и height="...", записанные с двойными кавычками.

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

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

Настройка параметров и запуск

  1. Скопируйте непустую SVG-разметку целиком, включая корневой элемент и содержащиеся в нём фрагменты. Если поле не содержит текста, преобразование не начинается.

  2. Вставьте подготовленную разметку в поле для SVG-содержимого. Отдельно указывать путь к исходному файлу не нужно, поскольку входом является переданный текст.

  3. Оставьте ширину и высоту равными нулю, если исходные размеры менять не требуется. После успешной обработки соответствующий показатель будет обозначен как автоматический.

  4. Введите ненулевое числовое значение в оба поля, когда PNG должен получить заданные габариты. Только ширина или только высота не включает правило замены размеров.

  5. Проверьте запись атрибутов в исходном тексте, если рассчитываете на их изменение. Инструмент учитывает первые совпадения width="..." и height="..." с двойными кавычками; варианты с одинарными кавычками, без кавычек или иной записью этим правилом не охватываются.

  6. Запустите преобразование и просмотрите успешный ответ. Найдите в нём Base64-представление PNG, его размер в байтах и сообщённые значения ширины и высоты.

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

Как оценить ответ

Наличие Base64-текста, длины PNG в байтах и сообщённых габаритов показывает, что SVG было принято и для него сформировано PNG-представление. Саму строку Base64 следует рассматривать как данные результата, а не как читаемый исходный код изображения.

При двух ненулевых параметрах результат отражает запрошенные ширину и высоту после применения правила замены первых подходящих атрибутов. Нулевое значение действует иначе: соответствующий размер в успешном ответе показывается как автоматический, а не как число, введённое в поле.

Замена касается лишь первой подходящей пары записей в SVG-тексте. Поэтому несколько элементов с размерами не означают, что изменятся их значения повсеместно. Неподходящий формат кавычек также оставляет исходный атрибут без такой замены.

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

Если ответ содержит ошибку, сопоставьте её с содержимым SVG и выбранной схемой размеров, затем исправьте причину перед новой попыткой.

Практический пример

Небольшую SVG-иконку нужно подготовить как PNG шириной 240 и высотой 160 перед передачей в другую систему изображений.

Возьмите непустую SVG-разметку с атрибутами width="120" и height="80", вставьте её и укажите ширину 240 вместе с высотой 160. В ответе проверьте Base64-представление, длину PNG и два сообщённых габарита; при другой форме атрибутов замена может не сработать без изменения текста.

Успешный ответ содержит PNG-данные в Base64, длину PNG в байтах и сообщённые ширину 240 и высоту 160 после применения двух ненулевых параметров; фактическая длина заранее не определяется.

Ограничения

  • Замена ограничена первыми подходящими атрибутами с двойными кавычками; неподходящая разметка или недоступная поддержка преобразования могут вызвать ошибку.

Частые ошибки

  • Причина: введён только один ненулевой размер или атрибут записан не с двойными кавычками. Исправление: задайте ширину и высоту вместе и проверьте первые подходящие записи width="..." и height="...".

Частые вопросы

Можно ли преобразовать SVG без указания ширины и высоты?

Размеры можно не вводить: оставьте оба параметра нулевыми, и успешный ответ обозначит соответствующие габариты как автоматические. Непустая SVG-разметка всё равно необходима, а её принятие конвертацией остаётся условием результата.

Как задать размер PNG через параметры?

Задайте ненулевые значения одновременно для ширины и высоты. Замена применяется к первым подходящим атрибутам, записанным с двойными кавычками, поэтому одного параметра недостаточно для этого правила.

Что возвращается после успешной конвертации?

Успешный ответ включает Base64-текст PNG, длину PNG в байтах и сообщённые ширину с высотой. Когда входной параметр равен нулю, соответствующий показатель получает автоматическое обозначение вместо числового значения.

Инструмент

SVG в PNG