Конвертер SVG в PNG
Файлы конвертируются на вашем устройстве и никуда не загружаются.
или перетащите сюда, или вставьте через Ctrl+V / ⌘V
.svg
- Файлы остаются у вас
- Пакетно + ZIP
- Без регистрации и лимитов
Конвертер работает в браузере и требует JavaScript. Включите его, чтобы конвертировать; ниже по шагам описано, как всё устроено.
Настройки
Отрисуйте векторные логотипы и иконки в чёткие PNG нужного масштаба — с прозрачным фоном.
SVG — это рисунок, описанный кодом, и он чёткий в любом размере, но использовать его можно далеко не везде: аватарки в соцсетях, слайды, подписи в письмах, магазины приложений, маркетплейсы и многие поля загрузки в CMS просят PNG. Эта страница рисует каждый SVG в браузере и сохраняет его в PNG с нетронутым прозрачным фоном. Выберите 2× или 4× для экранов высокой плотности и печати: вектор отрисовывается сразу в этом размере, поэтому края остаются чёткими, а не растянутыми.
Как конвертировать SVG в PNG
- Перетащите сюда файлы .svg: логотипы, иконки, схемы или иллюстрации.
- Выберите «Масштаб»: 1× берёт ширину и высоту из самого SVG, 2× удваивает их для чёткости на современных экранах, 4× — для печати или больших слайдов.
- Нажмите «Конвертировать» и сохраните PNG или скачайте всё одним ZIP.
Что будет с качеством, размером и метаданными
Отрисовка происходит один раз и сразу в итоговом размере, так что размытия от растягивания нет: иконка 64 пикс. в масштабе 4× становится чистым PNG на 256 пикс. PNG хранит без потерь, поэтому каждый сглаженный край и прозрачный участок сохраняется точно.
Результат зависит от того, какой размер указан в самом SVG; если там есть только viewBox, мы берём его. Вес файла растёт с масштабом — примерно вчетверо при каждом удвоении. Текст, набранный веб-шрифтом, отрисуется правильно, только если шрифт встроен в SVG или текст переведён в кривые (paths).
- Тестовые файлы
- 30
- Средний исходный
- 1 КБ
- Средний результат
- 54 КБ
- Изменение размера
- в 50 раза больше
- Время на файл
- 6 ms
SVG или PNG
| Полное название | SVG | PNG |
|---|---|---|
| Полное название | Scalable Vector Graphics | Portable Network Graphics |
| Появился | 2001 | 1996 |
| Стандарт | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Сжатие | Без потерь | Без потерь |
| Прозрачность | Да | Да |
| Анимация | Да | Да |
| Макс. размер | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Да | Да |
| Safari | Да | Да |
| Firefox | Да | Да |
| Windows | — | Да |
| iPhone / iPad | — | Да |
| Android | — | Да |
| Где используется | Логотипы, иконки, графики и иллюстрации на сайтах. | Скриншоты, логотипы, иконки, схемы и любые картинки с прозрачным фоном. |
SVG SVG — формат W3C, который описывает рисунок не пикселями, а фигурами, контурами и текстом в XML. Он остаётся чётким при любом размере и часто весит совсем мало, но фото в нём хранить невыгодно, а многие приложения и формы загрузки принимают только растровые картинки вроде PNG.
PNG PNG — формат изображений без потерь, опубликованный W3C в 1996 году, а позже ставший стандартом ISO/IEC 15948. Каждый пиксель сохраняется точно, есть полная прозрачность, поэтому PNG идеален для скриншотов, логотипов и текста. Фото в PNG обычно в несколько раз тяжелее, чем в JPG.
Источники таблицы
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Данные о поддержке браузерами: caniuse.com, CC BY 4.0.
Без этого сайта
SVG покажет любой браузер: откройте файл во вкладке и сделайте скриншот. Для разовой задачи это работает, но разрешение будет экранным, а фон обычно белым. Бесплатные векторные редакторы, например Inkscape, экспортируют PNG любого размера через окно экспорта. На Mac нажатие пробела на SVG в Finder открывает «Быстрый просмотр» — удобно, чтобы проверить файл перед конвертацией. Для пачки файлов с прозрачностью эта страница быстрее.
Если что-то не так
- Текст сменил шрифт. Веб-шрифты, которые SVG подгружает по ссылке, здесь недоступны, а шрифтов с вашего компьютера нет у других. Переведите текст в кривые в редакторе.
- Внутри SVG пропали картинки. Внешние изображения по ссылкам из соображений безопасности не загружаются. Встройте их в SVG (как данные) перед конвертацией.
- PNG крошечный. В SVG указаны маленькие ширина и высота. Выберите 4× или поправьте атрибуты width и height.
- Анимация. CSS- и SMIL-анимация игнорируется — вы получите начальное состояние SVG.
Вопросы и ответы
Как перевести SVG в PNG с прозрачным фоном?
Перетащите SVG сюда и конвертируйте — фон останется прозрачным сам: PNG поддерживает прозрачность, а мы не добавляем заливку. Если в самом SVG есть белый прямоугольник в качестве фона, он часть рисунка и тоже появится; сначала удалите его в векторном редакторе.
Какого размера получится PNG?
В масштабе 1× у PNG ширина и высота, записанные в SVG (а если их нет — из viewBox). 2× удваивает обе стороны, 4× увеличивает их вчетверо: логотип 300 × 100 при 4× станет 1200 × 400. Если результат должен уместиться в рамку, например 512 пикс. для иконки приложения, задайте «Макс. ширина / высота» — эта настройка только уменьшает.
Почему SVG в PNG выглядит иначе?
Обычно из-за шрифтов или файлов по ссылкам. SVG рисуется в изолированном режиме, который не может загружать внешние шрифты и картинки, поэтому текст может перейти на шрифт по умолчанию, а связанные изображения останутся пустыми. Переведите текст в кривые, встройте картинки в редакторе и конвертируйте снова.
Безопасно ли конвертировать SVG онлайн?
Здесь SVG не покидает ваше устройство: его рисует ваш собственный браузер, и ничего не загружается на сервер. Кроме того, мы отрисовываем его как изображение, а не вставляем в страницу, поэтому скрипты внутри SVG выполниться не могут. Это важно для логотипов и макетов клиентов, которые ещё не опубликованы.