How can I render html at high resolution? [closed]

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?


Solution 1:

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.

Solution 2:

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.