Конвертировать HTML в SVG
Превратите фрагмент HTML и CSS в картинку.
Вставьте HTML и CSS — карточку, бейдж, цитату, оформленную таблицу — и сразу увидите их в виде SVG-картинки. Высота подстраивается под содержимое, фон может остаться прозрачным, а скачать можно SVG или чёткий PNG в два или три раза больше. Скрипты и внешние ресурсы удаляются, поэтому картинка самодостаточна.
Как конвертировать HTML в SVG
- Шаг 1
Вставьте HTML и CSS.
- Шаг 2
Задайте ширину и фон.
- Шаг 3
Скачайте SVG или PNG.
Почему PhotoTools
Настоящий CSS
Градиенты, тени, шрифты и вёрстка — как рисует браузер.
SVG и PNG
Векторный файл или чёткая картинка до 3×.
Безопасно и приватно
Без скриптов, ничего не загружается.
Поддерживаемые форматы
Вход
- HTML
- CSS
Результат
- SVG
- PNG
Частые вопросы
Почему пропали мои картинки или веб-шрифты?
Ради безопасности и приватности картинка не может загружать файлы с других сайтов. Добавляйте изображения и шрифты как data URL, чтобы они сохранились.
Где работает такой SVG?
SVG с HTML внутри показывается во всех современных браузерах; редакторы, понимающие только векторные фигуры, могут не показать HTML-часть.
Это бесплатно?
Да. Браузерные инструменты PhotoTools бесплатны, без ограничений и работают без аккаунта.
Мои изображения загружаются на сервер?
Нет. Инструмент работает полностью в браузере на WebAssembly. Изображения не покидают ваше устройство и нигде не сохраняются.