SVG в PNG

Q: Какого размера PNG при 1x?

Размера, который SVG объявляет в атрибутах width и height, переведённого в пиксели (сантиметры, миллиметры, дюймы и пункты переводятся из расчёта 96 пикселей на дюйм). Если их нет, используется viewBox. Если нет и его, берётся размер браузера по умолчанию 300 на 150, и инструмент сообщает об этом.

Q: Сохраняется ли прозрачность?

Да, по умолчанию. Снимите флажок Прозрачный фон и выберите цвет, если нужен сплошной фон, например для значка приложения или документа.

Преобразуйте SVG-рисунок, значок или логотип в чёткий PNG нужного размера.

Ваши файлы никогда не покидают устройство

Перетащите сюда SVG

Выбрать SVG

Файл .svg до 10 МБ. Или перетащите его в любое место этой страницы.

Открывается на этом устройстве. Ничего не загружается.

По одному SVG за раз, до 10 МБ. Результат до примерно 100 мегапикселей и 32 767 пикселей по стороне.

Как преобразовать SVG в PNG

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

Как превратить векторную графику в пиксели

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

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

Советы

Для экранов с высокой плотностью пикселей экспортируйте в размере, в 2 или 3 раза большем того, в котором изображение показывается.
Делаете значок сайта? «Генератор фавиконок» создаёт все размеры из одного изображения.
Нужен JPG или WebP? Преобразуйте PNG с помощью «Конвертировать изображение».

Вопросы и ответы

Будет ли PNG чётким при большом размере?

Да. SVG рисуется сразу в размере результата, а не рисуется мелким и увеличивается, поэтому кривые и текст отображаются чётко при 2x, 4x или любой введённой вами ширине.

Какого размера PNG при 1x?

Размера, который SVG объявляет в атрибутах width и height, переведённого в пиксели (сантиметры, миллиметры, дюймы и пункты переводятся из расчёта 96 пикселей на дюйм). Если их нет, используется viewBox. Если нет и его, берётся размер браузера по умолчанию 300 на 150, и инструмент сообщает об этом.

Сохраняется ли прозрачность?

Да, по умолчанию. Снимите флажок Прозрачный фон и выберите цвет, если нужен сплошной фон, например для значка приложения или документа.

Почему шрифты или встроенные картинки выглядят иначе?

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

Безопасно ли открывать SVG от другого человека?

Здесь да. Файлы SVG могут содержать скрипты, но файл загружается как картинка, где браузеры никогда не выполняют скрипты и не переходят по ссылкам, и он никогда не добавляется на страницу. Ничего не загружается.