11

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
  • 119

4 Answers4

4

This can be achieved in Chrome as of v59:

Announcement in the developer blog

Video tutorial

Summary of steps (if you prefer text):

  1. Open Developer tools
  2. Toggle the device toolbar
  3. Set the desired resolution in the device toolbar
  4. Select the More options overflow menu in the device toolbar
  5. Select Capture screenshot or Capture full size screenshot
  6. The screenshot will be saved to your Downloads folder
jsejcksn
  • 4,581
3

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
  • 140
2

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
  • 188
0

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
  • 69,547