HTML to SVG conversion?

Question

I would like to convert some somewhat straightforward web pages (no javascript, minimal CSS) into SVG for archiving. I am wondering if there is a suggested tool or workflow for this conversion?

My current thought is to somehow open the pages in Adobe Illustrator and then export to SVG. However, that "somehow" is a big question mark. Maybe something like this will open HTML into Illustrator?

Just on a side note: Why do you want to convert them into SVG in the first place? What is the point in archiving them that way? — slhck, Jun 24 '11 at 14:52
I need to make many pages of documentation in html available for a constrainted device. I will not have an html renderer available, but will have an svg rendering engine. SVG will, hopefully, result in smaller file sizes than just screen shots of html pages. — jedierikb, Jun 24 '11 at 15:02
More answers on similar question - https://superuser.com/questions/579933/is-it-possible-to-take-a-screenshot-of-a-web-page-as-an-svg-image — Randall Whitman, Apr 17 '19 at 22:39

score 3 · Answer 1 · edited Mar 20 '17 at 10:17

3

Perhaps you can print it to a vector format like PDF which is in-principle convertible to SVG.

If you print to PDF you can try converting it to SVG using Inkscape and/or http://www.cityinthesky.co.uk/opensource/pdf2svg.

You can also try printing to PS/EPS and converting via Uniconverter or Scribus. See Converting from EPS to SVG format

edited Mar 20 '17 at 10:17

Community

1

answered Jun 25 '11 at 07:57

eug

874
8
12

1

Problem is that you then get page breaks at impossible places. – Christian Nov 20 '12 at 16:49

jedierikb · Answer 2 · 2017-04-04T18:28:04.357

1

Here is a tool which gets you from html to pdf. Then you can step from pdf to svg (which is presumably easier than html to svg directly): http://wkhtmltopdf.org/

edited Apr 04 '17 at 18:28

answered Oct 15 '16 at 13:31

jedierikb

529
1
5
15

score 1 · Answer 3 · edited Jun 26 '11 at 03:14

I would dig into some kind of text editor and write some XSL, transforming the HTML/XHTML to SVG. Transformation could be done in different ways.

Obviously this requires that your HTML is valid XML - and maybe it could be with some small changes.

One advantage to this approach is that you have 100% control over the result (SVG document). A disadvantage is that it's a little complicated.

HTML to SVG conversion?

3 Answers3