Convert an HTML file to SVG
Turn an HTML file into an SVG online. No account needed.
or drop your HTML anywhere on this page
HTML → PDF → SVG
What your HTML becomes inside the SVG
To convert HTML to SVG online, press Select HTML file (or drop an .html or .htm file on the tool above) and then Convert to SVG. There are no settings to pick. Your file is laid out on A4 pages, the way it would print, and each page is drawn as vector shapes: boxes, lines and underlines become paths, and every letter becomes the outline of its shape. One page gives you one SVG named after your file; a longer file gives a ZIP with one SVG a page.
We tried this HTML to SVG converter on a one-page report with a red heading, a link, a table, a blue box and a small picture. The SVG held no editable text at all, only letter shapes, so it looked the same at every zoom. The picture stayed a picture, 212 by 300 pixels as in the file. A three-page article came back as long.zip, holding long-p001.svg to long-p003.svg. The page limit is 100: a longer file is stopped with a message giving its page count.
Each SVG measures 595 by 842, an A4 page in points, or 842 by 595 when the HTML asks for landscape with an @page rule. Where the HTML sets no background, the SVG has none either: the page is see-through, so dark text needs a light backdrop. A background colour set on the body fills the whole page.
How to convert HTML to SVG
- 1Select or drop your HTML file
Nothing uploads until you press convert.
- 2Choose your options
We show the route and its fidelity grade up front.
- 3Download your SVG
Then it is deleted after 24 hours, automatically.
A document as markup. Opens in a browser, edits in anything.
Each page as drawing instructions, not pixels, so it stays sharp at any size. Text becomes the outlines of its letters. Several pages arrive as a ZIP, one SVG a page.
Each page is laid out as a word processor would print it, then drawn as shapes, so it stays sharp at any size: side-by-side boxes stack, hidden parts show, web fonts become a standard font and scripts do not run. Text becomes the outlines of its letters.
Good to know about converting HTML to SVG
- The HTML is laid out as a printed document on A4 pages, not captured like a screenshot of a browser window. Images it links to, on another web address or as a separate file, are left out.
- Each page is drawn as shapes, so headings and text stay sharp at any size. The letters become outlines and cannot be edited as text.
- A long page fills several A4 pages and comes back as a ZIP named after your file, with one SVG a page.
CSS, scripts and pictures on the way to SVG
No browser opens the file, so a modern site design changes more than a simple document does. Our test file showed this:
- Colours, font sizes and bold text come through. Georgia, which the server does not have, came out in a similar serif font.
- Table cells stay side by side, but the borders set in CSS were not drawn.
- Flexbox boxes come out stacked, and a box keeps its background colour only behind its text, without padding or rounded corners.
- JavaScript does not run, and text hidden with display: none still shows.
- A link is drawn as blue underlined text, but nothing in the SVG can be clicked.
- A picture written into the file as a data URI stays a picture (our PNG was stored inside the SVG as a JPEG). Only the .html file is uploaded, so a picture saved beside it is missing.
When the HTML already holds an SVG drawing
A drawing written into the page as an svg element is left out: our test circle and square were missing from the result. You do not need a converter for it. Open the HTML in a text editor, copy everything from the opening svg tag to the closing one into a new file, and save it with an .svg ending. Keep the xmlns attribute in the opening tag: our copy without it showed a blank image.
SVG, a picture or a PDF of your HTML
Pick SVG to place a page in a design, or to print it large with sharp text. A page packed with words is bigger as SVG than as a PNG, because every letter is placed one by one, but SVG is plain text and packs down well: our three pages came to 85 KB in their ZIP.
| Test file | SVG | PNG | |
|---|---|---|---|
| One-page report | 89 KB | 77 KB | 44 KB |
| Three pages of text | 1,136 KB | 975 KB | 38 KB |
For an ordinary picture of each page, convert HTML to JPG, convert HTML to GIF or convert HTML to WebP. For words saved as a plain .txt file, convert text to SVG draws them as letter outlines on A4 pages in the same way. Going the other way, convert SVG to HTML reads the words off an SVG into a plain web page: from our test SVG it got most words right, misread a few and dropped the picture.
Questions people ask
Will the SVG keep my text as text?
No. Each letter is drawn as the outline of its shape, so the words look the same on any computer and stay sharp at any size, but they cannot be selected, searched or retyped. Our test SVG held no text element at all. Keep the HTML, or make a PDF, when the words must stay words.
Can I enlarge the SVG without it blurring?
Yes, for text, lines and coloured boxes: they are paths, drawn again at whatever size you show them. A picture inside the HTML is the exception. It keeps its own pixels, so it blurs when enlarged a long way, just as it would on the web page.
Is an SVG drawing written into my HTML kept?
No. An svg element inside the page is left out of the result. Copy that element from the HTML into a file of its own instead, keep its xmlns attribute, and save it with an .svg ending.
Can I convert a web address to SVG?
No. This page converts an .html file you upload, not a live page. For a live page, use your browser’s Print and choose Save as PDF, which keeps its layout and images, then convert that PDF to SVG on our PDF to SVG page, which draws each page as shapes.
Does CSS animation or JavaScript carry into the SVG?
No. JavaScript does not run, so anything a script would add or change is missing. Each SVG is a still drawing of one printed page, so nothing in it moves.
Will the SVG look like the page in my browser?
Not exactly. The HTML is laid out as a printed document, so widths, fonts and spacing can differ from a browser window, and some styling, such as table borders set in CSS, may not carry over.
Is converting HTML to SVG free?
Yes. Up to 25 MB and three conversions a day are free, with no account. Pro and Business lift the file limit to 100 MB and remove the daily cap.
What happens to my files?
Both your HTML and the SVG we produce are deleted 24 hours after each conversion, automatically. Try again and Continue to another tool start a new conversion, with its own 24 hours. Nothing is used for training and no human looks at your documents.
Will the SVG look exactly like the HTML?
This pair grades as “Good enough”. We show the exact route and that grade before you convert, so there are no surprises about what survives the trip.
Do I need to install anything?
No. Nothing to install. Pick or drop a file here, it's converted on our servers, and you download the result.
How large can my file be?
25 MB on the free plan, and 100 MB on Pro and Business.
Can I convert several files at once?
On Pro and Business, yes: add up to 100 files before converting. The free plan converts one file at a time.
