HTML to SVG conversion?

8

2

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?

jedierikb

Posted 2011-06-24T14:49:57.940

Reputation: 509

1

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 – 2019-04-17T22:39:42.337

1Just 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 – 2011-06-24T14:52:25.700

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 – 2011-06-24T15:02:37.943

Answers

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

eug

Posted 2011-06-24T14:49:57.940

Reputation: 724

1Problem is that you then get page breaks at impossible places. – Christian – 2012-11-20T16:49:26.647

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/

jedierikb

Posted 2011-06-24T14:49:57.940

Reputation: 509

1

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.

chrwahl

Posted 2011-06-24T14:49:57.940

Reputation: 11