Saving web page to an HD image file?
 

I am doing a how-to video for a client's web site, and I need a way to save a web page to an HD image that I can import into my editor. So far, all I've found was capture software that takes a snapshot, but even by boosting resolution the images, and especially the text, retain jagged edges. I've compared the resulting image to zooming in on my browser window, and it's not close.

What I would like is something like a pdf maker that actually embeds the text, making it scalable without losing resolution. But every PDF maker I tried formats the web page for my printer, instead of my browser.

I couldn't find a way to do this in Dreamweaver.

Any proven solutions out there that offer TRUE high-resolution saving or capturing of a web page?

J.

I have a 24" LCD with 1920x1200 resolution and I simply use the "Print Screen" key to grab the screen, then go into Photoshop and crop/size as needed, looks good.

Jeff Pulera

Thanks Jeff, but "print screen" will only capture the visible part, not the whole page. And zoom in, you'll still see get jagged edges on text and graphics.

Like Jeff, I use the "print screen" option for a screen grab and paste it into PhotoShop. If you want to show something with a cursor or other movement on the screen, programs like Camtasia give the solution.

Again, "print screen" only captures the visible part of the web page. It's no good if you want to "scroll" through the page in the video.

I found several free programs that capture the whole page, including FireShot, a free plug-in for Firefox. But the problem remains the resolution.

Really, try this: zoom in the web page in your browser window, then zoom the screen capture at a similar size. the resolution isn't even close, and it really shows on an HD video.


J.

I made the attached image with Snipping Tool, a free tool from Windows, as I recall. Look fine in Vegas in the Best preview.

The images are already scaled down for web size. You'll need to save the web page (full save). It will save the page with images in a folder. You'll need to bring this up in Photoshop and 'up-rez' it in photoshop so that details are not lost. Export as a full quality HD image (TIFF, uncompressed, 1980x1080). Import into your NLE.

If the saving thing doesn't work out too well, then you can save as single HTML and import into Photoshop.

This is the best way I can think of. Hope it helps.

Chris: thanks. A little fuzzy, but better than what I got so far. But it still only captures the displayed area - not the whole page.

Sareesh: I can't find a way to import HTML into Photoshop...

J.

You could just zoom in to the depth you need, and then PrintScreen+Paste each part of the page that you want to see, and then sew all the tiles together in Photoshop. The Photomerge feature will even line them up for you automatically if there is sufficient overlap. Ten you take the resulting huge image >1920 into AE or your NLE and pan and zoom around inside of it. (If in PPro, make sure to uncheck "Scale to Frame Size")

There are HTML to PDF/TIFF image converters (just google). then import into photoshop.