Что происходит при конвертации PNG в SVG
- Изображение декодируется и записывается как SVG, трассированный по фигурам и цветам изображения.
- Трассировка превращает области похожего цвета в векторные фигуры. Логотипы, иконки и плоская графика трассируются чисто и масштабируются до любого размера; фотографии получаются постеризованными, потому что каждый оттенок становится отдельной фигурой.
Как конвертировать PNG в SVG онлайн
- Нажмите «Выбрать файлы PNG» и выберите один или несколько файлов или перетащите их в поле. Можно добавлять файлы любого размера, который помещается в память вашего устройства.
- При необходимости измените настройки. Результат без потерь, поэтому о настройке качества беспокоиться не нужно.
- Нажмите «Конвертировать в SVG». Каждое изображение конвертируется за секунду-две.
- Сохраните каждый SVG его кнопкой скачивания. Закройте вкладку, и все следы файлов исчезнут из памяти.
Зачем конвертировать PNG в SVG?
Файлы PNG обычно появляются из скриншотов, логотипов, схем и всего, где есть прозрачность. Их конвертируют в SVG, потому что SVG остаётся чётким при любом размере и очень мало весит для логотипов и иконок, поэтому это стандарт для графики в интернете и в программах для дизайна.
Если коротко, PNG хорош для того, для чего был создан, а SVG практичнее, когда файл нужно открыть, загрузить или распечатать где-то ещё. PNG открывается в любом браузере и просмотрщике изображений, а SVG штатно отображается в любом браузере.
Как конвертировать PNG в SVG в Windows, на Mac, iPhone и Android
В Windows
Откройте эту страницу в Chrome, Edge или Firefox, перетащите файлы PNG из Проводника и нажмите «Конвертировать». Каждый файл SVG сохраняется в папку «Загрузки».
На Mac
Подходят Safari, Chrome и Firefox. Перетащите файлы PNG из Finder в область загрузки, и файлы SVG окажутся в папке «Загрузки».
На iPhone и iPad
Откройте страницу в Safari и нажмите «Выбрать файлы PNG». Выбирать можно из «Фото» или из приложения «Файлы». Сконвертированный SVG появится в «Файлах», в папке «Загрузки»; чтобы добавить его в фотопоток, откройте его там, нажмите «Поделиться» и выберите «Сохранить изображение».
На Android
Откройте страницу в Chrome, нажмите «Выбрать файлы PNG» и выберите их в «Файлах» или в галерее. Файл SVG сохраняется в папку Download, где его найдёт любой файловый менеджер.
Лучшие настройки для PNG в SVG
Трассировкой управляют две настройки. «Цвета» задают, сколько сплошных цветов может использовать SVG: 2 даёт чёрно-белую трассировку, идеальную для подписей и штриховых рисунков; от 8 до 16 подходит для большинства логотипов; 32 сохраняет больше оттенков, но создаёт гораздо больше фигур. «Детализация» задаёт, насколько точно контуры следуют за пикселями: «Высокая» сохраняет мелкие элементы, «Простая» даёт более гладкие и лёгкие файлы.
Для лучшего результата начните с самой крупной и чистой версии изображения, что у вас есть, с однотонным фоном. Размытые или сильно сжатые JPG трассируются с рваными краями, потому что трассировщик следует за шумом сжатия.
PNG или SVG: в чём разница
| PNG | SVG | |
|---|---|---|
| Полное название | Portable Network Graphics (переносимая сетевая графика) | Scalable Vector Graphics (масштабируемая векторная графика) |
| Тип | изображение | изображение |
| Создатель | PNG Development Group | Консорциум Всемирной паутины (W3C) |
| Первый выпуск | 1996 | 2001 |
| Сжатие | Без потерь | Без потерь |
| Прозрачность | Да | Да |
| Анимация | Нет | Да |
| Векторный или растровый | Растровый | Векторный |
| Цвет | до 16 бит на канал с полноценным альфа-каналом | любые цвета, описанные фигурами, а не пикселями |
| В браузере | открывается в любом браузере и просмотрщике изображений | отображается напрямую в любом браузере |
| Где используется | скриншоты, логотипы, схемы и всё с прозрачностью | логотипы, иконки, диаграммы и иллюстрации в интернете |
| MIME-тип | image/png | image/svg+xml |
О файлах PNG и SVG
Что такое файл PNG?
PNG сжимает без потери единого пикселя, поэтому скриншоты и текст остаются идеально чёткими, но фотография, сохранённая в PNG, часто в три-пять раз больше той же фотографии в JPG.
Что такое файл SVG?
SVG описывает фигуры текстовыми инструкциями, поэтому остаётся чётким в любом размере, а простой логотип может весить меньше 5 KB. Превращение в пиксели фиксирует одно разрешение, поэтому выберите размер результата перед конвертацией.
PNG в SVG не работает? Частые проблемы
- Цвета выглядят немного иначе. При декодировании браузеры переводят изображения в стандартное цветовое пространство sRGB, поэтому изображения с широким охватом и в CMYK могут немного измениться.
- Фото с телефона получается ровным, хотя в других местах выглядело повёрнутым. Так и должно быть: поворот, сохранённый в фото, применяется при конвертации, поэтому SVG всегда ориентирован правильно.
- Файл больше, чем ожидалось. Зависит от изображения. Простой логотип, трассированный в SVG, часто весит несколько килобайт; детализированное изображение даёт тысячи фигур и файл больше, чем PNG. Чем меньше цветов, тем меньше SVG.
Конвертировать PNG в SVG через командную строку
ImageMagick не умеет трассировать пиксели в векторные фигуры; он только оборачивает изображение в SVG. Стандартный трассировщик с открытым исходным кодом это potrace, который работает с чёрно-белыми растрами:
magick input.png -threshold 50% input.pbm
potrace input.pbm -s -o output.svgЭто даёт одноцветную трассировку. Для цвета конвертер на этой странице трассирует каждый цвет отдельно и объединяет их, без установки чего-либо.
Конвертер PNG в SVG: частые вопросы
Потеряется ли качество при конвертации PNG в SVG?
SVG это интерпретация, а не копия: трассировка воссоздаёт PNG в виде фигур. Логотипы и плоская графика выглядят так же и остаются чёткими в любом размере; на фото мелкие детали упрощаются.
Почему размер SVG отличается от PNG?
Зависит от изображения. Простой логотип, трассированный в SVG, часто весит несколько килобайт; детализированное изображение даёт тысячи фигур и файл больше, чем PNG. Чем меньше цветов, тем меньше SVG.
Мои файлы PNG куда-то загружаются?
Нет. Конвертация выполняется в этой вкладке браузера с помощью встроенного декодера изображений браузера, поэтому ваши файлы остаются на вашем устройстве. После загрузки страницы можно отключиться от интернета, и всё продолжит работать.
Можно ли конвертировать несколько файлов PNG в SVG сразу?
Да. Выберите или перетащите сколько угодно файлов: они конвертируются один за другим, и у каждого появляется своя кнопка скачивания.
Как открыть файл SVG?
SVG штатно отображается в любом браузере. SVG часто используют для логотипов, иконок, диаграмм и иллюстраций в интернете.
Этот конвертер PNG в SVG бесплатный?
Да. Нет регистрации, нет водяных знаков и нет ограничений на количество файлов. Сайт оплачивается за счёт рекламы, а поскольку конвертации выполняются на вашем устройстве, у нас нет серверных затрат на каждый файл.
Можно ли конвертировать PNG в SVG на телефоне?
Да. Конвертер работает в Safari на iPhone и iPad и в Chrome на Android. Сконвертированные файлы сохраняются в папку «Загрузки».