Making a pixel perfect printout of a web page (as seen on screen)

I would like to make a 'backup' of this web page, preferably in PDF format. Like a screenshot, read-only, for reference.

Trying to print the page into a PDF (OS X, Safari) causes weird printer layout handling, which is a stylesheet issue etc. Let's not go there. I want exactly what the browser shows on screen. Like a screenshot (which I could take, but is tedious since the page needs scrolling).

Safari allows for "Save as web archive", but I would prefer a portable single-file format s.a. PDF. Really - is there no way?

I was sure SO would have an answer to this. Did not find the question asked, yet.

Addendum: Found this but it requires a non-free EagleFiler software. Looks like the most promising approach, though.

Addendum 2 Thanks for all the great suggestions so far. I will keep this open until a true killer-of-them-all solution is found. That would be i.e. any of the major browsers allowing true save-as-PDF without rendering the page for a printer.

For now, my own solution is to keep .webarchive files. Actually, unlike I first though, they are sin开发者_Go百科gle files which is good. Naturally, the solution is OS X specific.

I would suggest using something like html2canvas to render your entire document as an image, and then printing (or saving) that image.

I went to http://www.capturefullpage.com and put in your URL and got this image.

There are other web sites out there to do this as well. Furthermore there are browser plugins so you don't need to depend on sites like these.

Paparazzi! allows you to capture a whole page as a picture from Safari. Dunno if it's scriptable, but I guess you could fake it with AppleScript in any event. http://hints.macworld.com/article.php?story=20060712064929281

PdfMyUrl.com looks like a nice online thing, with many options, but the options need payment. Free Online URL to PDF Converter (nice name!) does what it says and is, well, free.