Конвертер SVG
Картинки, описанные фигурами, а не пикселями: выглядят четко при любом размере и редактируются как текст.
9 инструментов
Конвертировать в SVG
PNG в SVGТрассируйте PNG в масштабируемый SVG прямо в браузере. Подходит для логотипов и плоских иконок с несколькими цветами, а не для фотографий.
Генератор QR-кодовСоздайте QR-код для ссылки, Wi-Fi, визитки, email, SMS или точки на карте и скачайте его как PNG или SVG.
ШтрихкодыНарисуйте штрихкод EAN, UPC, CODE128, CODE39, ITF-14, MSI, pharmacode или codabar. Контрольная цифра посчитается автоматически.
ПодписьНарисуйте подпись пальцем или мышью, введите ее шрифтом под рукопись или вытащите с фотографии бумаги.Конвертировать из SVG
Изображение в Base64Конвертируйте изображение в строку Base64 или data URI для CSS, HTML или JSON — или вставьте строку Base64, чтобы вернуть файл изображения.SVG в PNGКонвертируйте SVG в PNG с любым масштабом или точным размером в пикселях прямо в браузере. Скрипты и внешние ссылки удаляются до начала отрисовки.
FaviconПревратите один логотип в полный набор фавиконок: все нужные PNG-размеры, многослойный ICO, manifest и готовые HTML-теги для вставки в head.
Форматер XMLСделайте XML читабельным с отступами, сожмите его в одну строку или только проверьте — комментарии, CDATA и порядок атрибутов сохранятся как есть.
XML в JSONПреобразуйте XML в JSON с атрибутами, CDATA и пространствами имен так, как вам удобно, а ошибки синтаксиса указывают точную строку.Чем SVG отличается от других форматов изображений
SVG — это не сетка пикселей, а набор инструкций: вот линия, вот кривая, вот заливка. Браузер рисует их в любом нужном размере. Логотип в SVG одинаково четкий и на экране часов, и на билборде, и при этом занимает всего несколько килобайт. Его можно оформить стилями, анимировать и перекрасить теми же инструментами, что и веб-страницу, потому что это разметка. Для логотипов, иконок, графиков и схем лучше формата нет.
Чего SVG не умеет
Фотографии. Если обвести фотографию в векторы, результат получается или огромным, или неузнаваемым, а часто и то и другое сразу. Такой трассинг подходит для простых, плоских, контрастных картинок и не годится для всего, где есть текстуры и градиенты. В обратную сторону, из SVG в PNG, конвертация всегда безопасна и часто необходима: многим программам и любой типографии все еще нужны пиксели.
О безопасности
Так как SVG — это разметка, внутри могут быть скрипты. Поэтому некоторые системы отказываются его принимать, а все, что открывает SVG, должно сначала его очистить. Инструменты PulsarKit перед рендерингом удаляют скрипты и внешние ссылки, так что конвертировать SVG из неизвестного источника безопасно, даже если открывать его прямо в браузере было бы рискованно.
SVG в PNG нужного размера
У SVG нет собственного размера в пикселях, поэтому первый вопрос при конвертации — каким должен быть PNG, и ответ зависит от того, куда он пойдет. Логотипу для сайта нужен размер, в котором он показывается, и тот же размер в 2× и 3× для экранов высокой плотности; набору фавиконок — 16, 32, 180 и 512 пикселей; печати — физический размер при 300 dpi. «SVG в PNG» принимает либо коэффициент масштаба, либо точные ширину и высоту, сохраняет прозрачный фон, пока вы не зададите цвет, и каждый раз рисует из векторных контуров, так что версия в 16 пикселей рисуется в 16 пикселях, а не ужимается из большого растра в кашу.
Частые вопросы
Что лучше — SVG или PNG?
Для логотипов, иконок, графиков и всего, что нарисовано фигурами, — SVG: четкий при любом размере и обычно намного легче. Для фотографий он бесполезен. Держите SVG как исходник для графики и экспортируйте PNG ровно тех размеров, которые просят другие программы.
Почему мой SVG не загружается на сайт?
SVG — это разметка, в которой могут быть скрипты, поэтому многие сайты отказываются от него из принципа. Конвертируйте его в PNG в размере показа, и загрузка пройдет. Инструменты здесь к тому же удаляют скрипты перед отрисовкой, так что SVG из неизвестного источника конвертировать безопасно.
Можно ли превратить фото в SVG?
Трассировка превращает растр в фигуры, и это работает для плоских контрастных картинок: отсканированного логотипа, штрихового рисунка. Фотография, переведенная в SVG, получается или огромной, или неузнаваемой. «PNG в SVG» — для первого случая, не для второго.