Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I'm trying to save a webpage as an image. The web page I'm trying to save is a bit long, and has many images.

I tried Google Chrome Screen Capture Extension and few other Chrome screen-capture plugins, but all gave me an empty image as output.

How can I overcome this? Are there any other known plugins (non-Chrome is OK) to save a large web page as an image?

share|improve this question
    
Do you just want the pictures on that page? right click on each image and select "save image as" –  Moab Nov 1 '12 at 5:03
    
@Moab Actually I want whole page as an image (pictures, text & everything on screen)... –  Nalaka526 Nov 1 '12 at 5:08
    
If you just want to save the page for later, you could also save it as a web archive (single .mht file). I know IE and Opera can do that at least. –  Svish Nov 1 '12 at 8:40
    
Snagit would do it seamlessly, better than any other possibility here –  gd1 Nov 1 '12 at 13:00
1  
You should use a camera to take pictures of the page, and then splice them together! –  Peter Olson Nov 1 '12 at 17:10
add comment

12 Answers 12

Print to PDF, then save the PDF as an image. I think that's probably your most foolproof method.

Printing to PDF is straightforward and you've got a ton of options, conversion after the fact will maintain page layout.

Conversion answer here: How do I save an image PDF file as an image?

As a note: if you use the PDFCreator project available from http://www.pdfforge.org/ the option to print a PDF as an image, or to print as an image is native.

share|improve this answer
4  
Printing as PDF will split the webpage in to pages I guess... :( –  Nalaka526 Nov 1 '12 at 5:24
    
Depends on your page layout/paper size and print options for your PDF printer. You can always select the scale to 1 sheet as well. –  iivel Nov 1 '12 at 5:30
    
@Nalaka526 not unless you set your paper size to A3 or A2. –  invert Nov 1 '12 at 7:28
add comment

I have tried a few things. Open the webpage in Chrome, then right click on an empty spot on the page and select "Save as", then select "save as type" "webpage,complete" at the bottom of the save as window.

Save it to an empty folder, it will save one file and a folder (they must be kept together in the same folder), any time you want to view the page, double click the htm file.

Inside the folder you will find all the images should you want them for other purposes.

.

enter image description here

share|improve this answer
3  
How does it answer OP's question? –  default locale Nov 1 '12 at 7:57
2  
This is unrelated to the question and tries to assume further knowledge of what iivel is looking for. –  Ruirize Nov 1 '12 at 10:08
1  
@Ruirize -- what was I looking for? –  iivel Nov 1 '12 at 15:29
    
@Ruirize, No good way to save a page that large to a single image, imagine trying to view a jpeg that large(long). I tried the portable app and it saved the webpage as a jpeg, worthless for viewing, The OP did not know what they were looking for. –  Moab Nov 1 '12 at 15:53
    
@Ruirize OP never stated what they were going to use "the image" for either, the question is ambiguous in its present form. Mine is a good solution, just does not make you happy. –  Moab Nov 1 '12 at 16:07
show 4 more comments

The Firefox Abduction! add-on couldn't save an image that large. If you absolutely want to save an ultra-lengthy single image and are open to non-Chrome solutions, here are a few that might work:

  1. SiteShoter is a portable app:

    1

  2. There are any number of online web screenshot apps, such as this one

share|improve this answer
    
Found this standalone application (webscreencapture.com) and it saved the webpage successfully, Thanks a lot for your suggestions... :) –  Nalaka526 Nov 1 '12 at 6:43
    
+1 for a great find, @karan. –  PenguinCoder Nov 1 '12 at 17:40
add comment
up vote 7 down vote accepted

Found this standalone (Portable App) : Web Screen Capture, which could successfully save the webpage as an image...

Thanks everyone answered... :), suggestions are really valuable and made me think in many ways to get this done. "Karan"s answer made me think of Standalone applications which I was not aware of... Thanks a lot.

share|improve this answer
add comment

If you use Chrome, then you can try Explain and Send Screenshots

share|improve this answer
1  
This Extension also failed to save the perticular website –  Nalaka526 Nov 1 '12 at 10:54
    
Sory to hear that, but it has worked to me. –  chele Nov 1 '12 at 11:03
add comment

If I have correctly understand your question then it will surely your answer. You have the Snagit tool to capture whole screen.

share|improve this answer
    
This is Commercial tool, But as per the question this answer is correct. I found a free tool which can accomplish the same (my requirement) so it suits better... Thanks for the answer and up-voting... :) –  Nalaka526 Nov 1 '12 at 11:22
1  
Thank you. But you could use its free trial version. –  Muhammad Hussain Nov 2 '12 at 7:37
add comment

Use FireShot add-ons to save a large webpage to Image and PDF also.

It is supported on Firefox, Chrome and IE also.

To install in Firefox go to Tools -> Add-ons then search FireShot and install it.

More about Fireshot visit http://getfireshot.com/

share|improve this answer
add comment

You can use Awesome Screenshot:

  • Capture or clip selected area, or all visible portion, or entire page
  • Support PNG format
  • Support horizontal scroll when capturing
share|improve this answer
add comment

Another way to do this (in an automated fashion), would be to use Phantom JS, the headless WebKit web browser. An included example "technews.js" will "capture Google News as a PNG image" and that example could be modified for any website.

http://phantomjs.org/

share|improve this answer
    
That's a really slick library; thanks for posting it. –  iivel Nov 1 '12 at 15:30
add comment

If you dont need the image the actual size, you could zoom out, then take a screenshot?

share|improve this answer
    
It's doubtful any browser could zoom-out enough to show all 57 images. –  martineau Nov 1 '12 at 16:52
    
You could try a combination of zooming out and taking multiple screen shots down the page... then combine the images... yes some work required, but wont take that long... –  Mark Redman Nov 2 '12 at 8:55
add comment

If i understand your question, what you want is capturing the whole website, am I right? Do the following:

  1. Open your favourite image editing program (I recommend Paint.NET), create a new canvas with a pretty big height, as high as the hole page would ever take
  2. Switch to the webpage, press PrtSc on your keyboard.
  3. Switch back to the image editing program , paste your image in the canvas.
  4. Switch to the webpage, scroll the window down until you've reached the end of the last printed image, and press Print Screen again.
  5. Switch back to your image editing program , now paste the New right underneath the previously pasted one, so that it starts from where the previous image Ended.
  6. Repeat the previous steps dozen of times until you have scrolled down to the bottom of the window.

it's a long solution , but it works.

share|improve this answer
    
+1: sometimes you just have to do a little work.. its not rocket science. –  Mark Redman Nov 2 '12 at 8:56
add comment

There is a new Firefox Command Line that allows you to take screenshots.

Press Shift+F2 and write screenshot filename1.png 0 true

Unfortunately for your site I get error..., but nevertheless it's a nice to know feature .

UPDATE: It seems that syntax has slightly changed in newer version and now to take full screenshot you need to type screenshot filename.png --fullpage

share|improve this answer
    
+1 Thanks for the information :) –  Nalaka526 Nov 3 '12 at 18:59
add comment

protected by Community Oct 12 '13 at 21:07

Thank you for your interest in this question. Because it has attracted low-quality answers, posting an answer now requires 10 reputation on this site.

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged or ask your own question.