How can I render html at high resolution?

Question

I want to create high-quality prints of a website, for a publication.

Screenshots can get very gritty when printed out, for no good reason. Embedded bitmap images can't be improved of course, but there is no reason why the fonts can't be rendered at higher resolution to make at least the text more readable.

What I've done until now is to set the screen resolution insanely high and make the browser fullscreen, then bump the font size - but that is a less than ideal solution because it will make the proportions of the page weird. And still the resolution is not magazine-quality.

Is there a program that will let me export html pages to a raster format at high resolution, or to a vector graphics format such as pdf or svg?

I'm mostly using Firefox on Ubuntu Linux, although I'm willing to a different browser / OS for this task. — amarillion, May 27 '09 at 07:09

score 4 · Answer 1 · answered May 25 '09 at 08:31

4

On Mac OS X you are able to print to PDF, this works extremely well for my resume which I then have printed out at Kinkos and give out to potential employers.

answered May 25 '09 at 08:31

X-Istence

752
1
8
18

Interesting, which Browser do you use on Mac OS X? – amarillion May 25 '09 at 09:26
1

any will work, printing to PDF is a function of the print engine so will work from any print-capable application. – Chopper3 May 25 '09 at 10:11
1

If you are on windows using cutePDF can give you the same options. – PixelSmack May 25 '09 at 11:52

score 2 · Answer 2 · answered May 25 '09 at 09:10

Unfortunately the answer is no. Because most things that will give a vector output, wont give a faithful representation of the website. The best bet is to make a copy of the webpage, adjust it to a larger size(CSS), then use the browser to confirm it is as close as possible to the original.

Once you have it good enough (it will never be perfect), print to PDF then use a tool like adobe illustrator to import, retouch and export as encapsulated PDF, for inclusion in the publication.

score 2 · Answer 3 · answered May 25 '09 at 11:37

2

Using firefox's "print to file" option, you can get a very faithful representation of the site in vector format(postscript).

answered May 25 '09 at 11:37

hayalci

3,611
3
25
37

I tried this option, it works in principle but it's not right for me because it uses the css style for printed pages, I want a faithful representation of what you see on the screen. – amarillion May 27 '09 at 07:15

score 2 · Accepted Answer · answered May 26 '09 at 04:32

Try the PDF Download bookmarklet. It will generate a high quality PDF of any webpage that is publicly accessible.

The results are a faithful rendering of the page generated by the Winnovative SDK. This provides a much better result than straight printing from the browser or taking screenshots as the text is still vector and only the images are scaled.

How can I render html at high resolution?

4 Answers4