Capture large webpage screenshot in Chrome

The webpage is very large (a few MB). I tried these extensions and they all fail:

Screen Capture (by Google) - I get a new tab with no image in it
Pixlr Grabber - I get a "500" request error after pressing save
Capture Webpage Screenshot - Fireshot - telling me that the webpage is too big and it will be saved to RAM, after which I get an error: Insufficient video memory: You need at least -2365 MB of RAM (that's ridiculous, and I have I like 1 GB)
Webpage & WebCam Screenshot - I get no image
Awesome Screenshot - Capture & Annotate - It says capturing..., and when finishes it open a new tab with some buttons. When I press "done" it says preparing your image... forever.

Do you know any website screen capture tools that actually work?

MaryJane

Posted 2013-04-02T13:13:44.983

Reputation: 99

Could you give us the URL of the website you want to save? If it is a really huge page, it is possible that the capture process requires GBs of RAM. As you have only 1 GB it is possible that it would take a long time for the capturing to finish as instead of using RAM, swap space on the hard disk is used, which is very slow. Did you try to let Awesome Screenshot - Capture & Annotate run over night to see if it finally works or if it crashes? – Simon – 2013-04-02T13:44:46.760

it's a local page, Chrome metrics box shows a 1600 x 140000 page size. But the content has a lot of simple graphics and whitespace (~95% is just white or grey background). If compressed, the image shouldn't take more than a few MB – MaryJane – 2013-04-02T13:48:02.377

1You state correctly IF compressed it should not take much space. But first the image will be in an uncompressed state which will take up GBs of space. – Simon – 2013-04-02T13:53:24.067

You sure its 1600 x 140000 because thats a GIGANTIC image. Furthermore 2365 is more then 2GB so if you only have 1Gb that explains the error. – Ramhound – 2013-04-02T14:37:00.007

I just created a 1600x140000 image in photoshop instantly. It says image size: 649mb, and that's probably uncompressed. But for some reason it won't save in png or jpg format :| – MaryJane – 2013-04-02T14:59:05.460

Just to rescue Lunaar's link with ~30.000px downwards. That's not as big as requested with 140.000px but it's a start

– nixda – 2013-12-09T20:31:06.543

Answers

If you are using chrome I would use CutyCapt it captures webkit's render to an image.

CutyCapt is a small cross-platform command-line utility to capture WebKit's rendering of a web page into a variety of vector and bitmap formats, including SVG, PDF, PS, PNG, JPEG, TIFF, GIF, and BMP. See IECapt for a similar tool based on Internet Explorer.

meguroyama

Posted 2013-04-02T13:13:44.983

Reputation: 130

I ended up using PhantomJS in windows, I used...

screenshot.js

var page = require('webpage').create();

page.open('http://gigantic-web-page.com', function () {
    page.render('test.png');
    phantom.exit();
});

Dump this in your phantomjs folder, then one more file, screenshot.cmd

phantomjs --ignore-ssl-errors=yes --cookies-file=cookies.txt --web-security=no screenshot.js

With both of these files in your phantomjs folder, run screenshot.cmd... I just generated a 40mb png file of a gigantic page, it took a while and churned away but it finally output it!

Xedecimal

Posted 2013-04-02T13:13:44.983

Reputation: 168

This can be achieved in Chrome as of v59:

Announcement in the developer blog

Video tutorial

Summary of steps (if you prefer text):

Open Developer tools
Toggle the device toolbar
Set the desired resolution in the device toolbar
Select the More options overflow menu in the device toolbar
Select Capture screenshot or Capture full size screenshot
The screenshot will be saved to your Downloads folder

jsejcksn

Posted 2013-04-02T13:13:44.983

Reputation: 2 854

Please do not post the same answer to multiple questions. If the same information really answers both questions, then one question (usually the newer one) should be closed as a duplicate of the other. You can indicate this by voting to close it as a duplicate or, if you don't have enough reputation for that, raise a flag to indicate that it's a duplicate. Otherwise tailor your answer to this question and don't just paste the same answer in multiple places.

– DavidPostill – 2017-06-11T10:03:32.157

@DavidPostill Thanks for the heads up. Will vote to close next time. – jsejcksn – 2017-06-11T10:27:00.637

Capture large webpage screenshot in Chrome? The webpage is very large (a few MB). I tried Screen Capture (by Google) - I get a new tab with no image in it

That’s because of quirks with the canvas element it uses. Ignore it and save the file, then open the file; it should be fine.

A while ago I got the empty-tab issue as well (seems to be somewhat common when using the Caputre Whole Page function), and on a lark, I clicked the [Save] button anyway. When I opened the resulting file (out of curiosity, thinking it would be either blank or 0x0), I was surprised to see the image was not only there, but correct! Nice.

Of course this means that you won’t be able to use the extension’s (limited) image-editing tools before saving, but so what? you can use MSPaint or whatever just as easily (I for one always save it without modification, then modify a copy).

Synetech

Posted 2013-04-02T13:13:44.983

Reputation: 63 242