HTML naar SVG omzetten
Maak van een stukje HTML en CSS een afbeelding.
Plak HTML en CSS — een kaart, een badge, een citaat, een opgemaakte tabel — en zie het meteen als SVG-afbeelding. De hoogte volgt de inhoud, de achtergrond kan transparant blijven, en je downloadt de SVG of een scherpe PNG op twee of drie keer het formaat. Scripts en externe bronnen worden verwijderd, zodat de afbeelding op zichzelf staat.
Zo kun je HTML naar SVG omzetten
- Stap 1
Plak je HTML en CSS.
- Stap 2
Stel de breedte en de achtergrond in.
- Stap 3
Download de SVG of PNG.
Waarom PhotoTools
Echte CSS
Verlopen, schaduwen, lettertypen en lay-outs zoals de browser ze tekent.
SVG en PNG
Een vectorbestand of een scherpe afbeelding tot 3×.
Veilig en privé
Geen scripts, niets wordt geüpload.
Ondersteunde formaten
Invoer
- HTML
- CSS
Uitvoer
- SVG
- PNG
Veelgestelde vragen
Waarom ontbreken mijn afbeeldingen of webfonts?
Voor veiligheid en privacy kan de afbeelding geen bestanden van andere sites laden. Neem afbeeldingen en lettertypen op als data-URL om ze te behouden.
Waar werkt de SVG?
SVG’s met HTML erin worden in alle moderne browsers getoond; ontwerpprogramma’s die alleen vectorvormen begrijpen, tonen het HTML-deel mogelijk niet.
Is dit gratis?
Ja. De browsertools van PhotoTools zijn gratis, zonder limieten en zonder account.
Worden mijn afbeeldingen naar een server geüpload?
Nee. Deze tool draait volledig in je browser met WebAssembly. Je afbeeldingen verlaten je apparaat nooit en er wordt niets opgeslagen.