Take a high resolution screenshot of a website

I want to put a (non-image) portion of my website on a t-shirt, and to do so I need a high-resolution image of the relevant part. My thought is to tell some utility "take a screenshot of this webpage at such and such resolution" and then cut out the part that I want.

Is this the right approach? Does anyone know of such a utility?

Solution 1:

You could print the page to a PDF document. This way, the text is rendered using vectors and will hold up much better in high resolution print.

Most print is done in 300dpi. Text will go as high as 1200 or even 2400dpi sometimes. Your screen on the other hand is typically 72 - 96dpi. So, if your page is text-heavy, it'll end up looking a lot sharper and crisper printed compared to its on-screen version.

More information about DPI here: http://www.nikon-euro.com/nikoneuro_en/hit/general/en/HIT_gen_en_17.htm

Solution 2:

You don't need external programs.

Magnify the webpage by zooming in (big enough till you want it), then make firefox into full screen mode. Press Print Screen button to take a screenshot, open mspaint and paste the screenshot in.

Probably the screenshot you like is not big enough, if so, you can zoom in even more, take more screenshots and meld multiple screenshots together to form a big one.

Solution 3:

I love MWSnap. It will keep the current screen resolution and allows you to select the sections you want, or crop later.

AFAIK, you cannot take a screenshot outside the resolution you are already using. For a website, increasing the resolution should not have any effect.

(And it is free) http://www.mirekw.com/winfreeware/mwsnap.html

EDIT: If you designed it in photoshop and have not rasteurized the image yet, you can increase the resolution there, but not from the browser.

Solution 4:

If using Vista, Start->Run SnippingTool

Solution 5:

We had a Norwegian student that only wanted to print some of a very long webpage (http://www.wilsonminer.com/posts/2006/may/10/are-you-generic/ this was the actual page). PrintWhatYouLike.com helped very much, is free and is very easy to use.

PrintWhatYouLike.com

It's a free website that lets you format any web page for printing.

You start by entering the URL of the page you want to print. The PrintWhatYouLike online editor lets you remove, resize, and rearrange the page elements quickly so you can print only what you want.

It works pretty well for me, I tested it in IE8, Firefox 3.5 and Chrome

Just use it to print to a PDF file and it's perfect!