UltKit
Изображения11
Конвертер изображенийСжать фотоИзменить размер изображенияОбрезать фотоИзображения в PDFФото на документыИзображение в SVGВсе инструменты: Изображения →
PDF13
Сжать PDFКонвертер PDFPDF в изображенияОбъединить PDFРазделить PDFСнять пароль с PDFЗащитить PDF паролемВсе инструменты: PDF →
Документы и данные7
Конвертировать в PDFКонвертер документовРаспознать текст с картинки (OCR)Изображение в ExcelКонвертер данныхКонвертер электронных книгВсе инструменты: Документы и данные →
Видео6
Конвертер видеоСжать видеоИзвлечь звук из видеоВидео в GIFОбрезать видеоАудио в видеоВсе инструменты: Видео →
Аудио4
Конвертер аудиоСжать аудиоОбрезать аудиоАудио в текстВсе инструменты: Аудио →
Другие инструменты22
Генератор QR-кодовСоздать ZIP-архивРаспаковать архив онлайнКонвертер часовых поясовКонвертер единицГенератор паролейСчётчик словПалитра цветовВсе другие инструменты →
БлогКак это работает

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

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

Конвертер изображений

или перетащите сюда файлы JPG, JPEG, JPE … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Как пользоваться инструментом

  1. 1

    Загрузите файлы SVG

    Перетащите в загрузчик логотипы, значки или иллюстрации в формате .svg: до 20 файлов за раз, не более 95 MB каждый.

  2. 2

    Задайте ширину результата

    Для параметра Изменить размер изображения по умолчанию задана ширина 1024 px. Введите другое значение в поле Размер или переключитесь на Задать высоту либо Задать длинную сторону; пропорции рисунка всегда сохраняются.

  3. 3

    Конвертируйте в PNG

    Нажмите Конвертировать в PNG → и скачайте каждое изображение отдельно или весь набор в ZIP. Прозрачные области SVG остаются прозрачными.

Ответ

Как конвертировать SVG в PNG нужного размера?

Загрузите SVG, введите нужную ширину в пикселях (по умолчанию 1024 px) и нажмите Конвертировать в PNG →. Высота рассчитывается по пропорциям рисунка, а фон остается прозрачным.

Конвертировать SVG в PNG нужного размера

SVG, стандарт W3C с 2001 года, описывает фигуры координатами: нарисуй здесь круг и залей его этим цветом. Поэтому SVG-логотип одинаково четкий и на визитке, и на рекламном щите. PNG так масштабироваться не умеет. Если ширина уже 512 px, увеличение означает придумывание пикселей, и края становятся мягкими. Поэтому размер нужно выбирать при конвертации, пока векторные данные еще доступны.

Во многих SVG-файлах в коде указаны маленькие ширина и высота, иногда 24 или 48 px для значков. Отрисовка в таком размере дает PNG размером с миниатюру. Эта страница избегает ловушки: ширина результата задается равной 1024 px, рисунок масштабируется по ней, а высота вычисляется по пропорциям рисунка. Измените число на любое до 20 000 px; потери качества при увеличении нет, потому что каждый размер рисуется заново по векторным фигурам.

SVG в PNG для печати: дюймы, DPI и пиксели

дюйм.Pixels at
72 DPI150 DPI300 DPI
172150300
2144300600
3,52525251050
8,561212752550
1179216503300

Четыре проверки перед растеризацией SVG

  1. Переведите шрифты в кривые

    Текст, использующий шрифт, который есть у вас, но нет у конвертера, будет заменен. Сначала переведите надписи в контуры.

  2. Встройте связанные изображения

    SVG может ссылаться на отдельный файл с фото по пути. Если этого файла нет внутри SVG, в PNG на его месте будет пустота.

  3. Проверьте холст

    Лишнее пустое место вокруг рисунка на холсте SVG превратится в прозрачное поле в PNG. Перед экспортом подгоните монтажную область под рисунок.

  4. Выбирайте ширину под задачу

    Экспортируйте отдельные PNG для разных задач, например 512 px для аватара и 2048 px для слайда, а не один размер на все случаи.

SVG

Scalable Vector Graphics

SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.

Сжатие
–
Прозрачность
Да
Анимация
Да
Год появления
2001 · W3C
Конвертер SVG

PNG

Portable Network Graphics

PNG — растровый формат без потерь, опубликованный в 1996 году группой PNG Development Group и позже стандартизированный W3C и ISO. Он сохраняет каждый пиксель в точности, полностью поддерживает альфа-прозрачность и передаёт текст, чёткие края и однотонные заливки без артефактов. Благодаря этой точности он идеально подходит для скриншотов, логотипов, иконок и элементов интерфейса. Обратная сторона — размер: фотография в PNG часто весит в несколько раз больше, чем та же фотография в JPEG или WebP. PNG открывают все браузеры, операционные системы и графические редакторы.

Сжатие
Без потерь
Прозрачность
Да
Анимация
Нет
Год появления
1996 · PNG Development Group
Конвертер PNG

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

Частые вопросы о конвертации SVG в PNG

В каком разрешении конвертировать SVG в PNG?

Берите максимальный размер, в котором PNG будет показан, и умножайте его на два для экранов телефонов и ноутбуков с высокой плотностью пикселей. Логотип шириной 300 px на сайте стоит экспортировать примерно в 600 px; значок приложения обычно делают 1024 px; для печати нужны дюймы, умноженные на 300, то есть 3 дюйма дают 900 px.

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

Да. Области SVG без заливки получаются полностью прозрачными, а полупрозрачные фигуры сохраняют свою непрозрачность. Если нужен сплошной фон, преобразуйте файл в JPG через SVG в JPG и выберите цвет заливки.

Почему текст в PNG выглядит не так, как в SVG?

Текст в SVG отрисовывается тем шрифтом, который установлен там, где идет отрисовка. Если в SVG указан шрифт, который не встроен, он заменяется запасным. Перед экспортом переведите текст в кривые: в Illustrator это Type → Create Outlines, в Inkscape — Path → Object to Path.

Станет ли PNG четче, если указать DPI?

Нет. Параметр Метка DPI в разделе «Расширенные настройки» лишь записывает в файл число, по которому принтеры и некоторые программы верстки определяют физический размер. Четкость зависит от размера в пикселях, который вы задаете шириной. Если типография просит 300 dpi при определенном размере, меняйте оба параметра.

Зачем вообще конвертировать SVG в PNG?

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

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

Только с помощью трассировки: она перерисовывает фигуры по пикселям и лучше всего работает на простых логотипах. Сохраняйте исходный SVG; если он утерян, в руководстве по конвертации PNG в SVG объясняется, как работает трассировка и чего ожидать.