screenshot
clone your own copy | download snapshot

About

OSP Screenshot Tool

This little tool is used to make screenshots of web pages from the command line. Its specificity, is that it adds a browser window around the screenshot in the right proportions, showing the site’s title and address just like in a regular browser.

Of course one can create such a screenshot directly with the OS’ built-in screenshot function, but in many cases it is more interesting to have a larger sized or portrait oriented screenshot.

Usage:

phantomjs shot.js http://osp.kitchen/tools/screenshot/ screenshot_test.png 1200px*1200px

For a 1200 wide by 1200 high screenshot of the tool’s homepage (as pictured).

In the future it should also be possible to make a PDF version, as the underlying phantomjs software is already able to do so.

Known bugs

The current version of PhantomJS (1.9) has problems with rendering webfonts. The new version 2.0 based on a new version of Webkit will probably solve these.

Acknowledgments

The script is based on Phantom.js’ example script ‘rasterize.js’ and is distributed under the same license (BSD)

Snapshots | iceberg

Inside this repository

Log

 

Eric Schrijvercomplained

— Small tool: takes an image and surrounds it with the Firefox browser UI

Requirements: Ubuntu font

Tuesday, 22nd April 2014 - 09:37

 

Eric Schrijversaid

— another example

Wednesday, 30th July 2014 - 14:22

 

Eric Schrijverdivulged

— Now it goes all the way! Use phantoms to automatically create screenshot, then add the browser window around it

phantomjs shot.js http://osp.kitchen/tools/screenshot/ screenshot_test.png 1000px*2000px

see also README.txt

Wednesday, 30th July 2014 - 15:15

 

Eric Schrijverspilled the beans

— Screenshot + known bugs

Thursday, 31st July 2014 - 16:15

 

Eric Schrijverwhispered

— OSP Screenshot Screenshot Screenshot

Wednesday, 6th August 2014 - 23:06

 

Eric Schrijverlet the cat out of the bag

— Allow to use local file instead of web address

Friday, 25th September 2015 - 17:19