A tool to take Web page screenshots with common browser screen resolutions and save them as PNG files.
JavaScript Python
Permalink
Failed to load latest commit information.
.gitignore
LICENSE call phantomjs from python for each resolution to make it work properly Sep 12, 2012
README.md fix #1 if body bg is transparent set to white Aug 27, 2013
webshots Make webshots work with phantomjs 2.0. May 8, 2015
webshots.js Make webshots work with phantomjs 2.0. May 8, 2015

README.md

webshots - take Web page screenshots

A utility for taking Web page screenshots with common browser resolutions and saving them as PNG files using PhantomJS. Read more in this brief introduction to webshots.

Installation

git clone https://github.com/yaph/webshots.git
ln -s /path/to/webshots/webshots $HOME/bin
ln -s /path/to/webshots/webshots.js $HOME/bin

Usage

Create several screenshots at common browser resolutions:

webshots http://example.com

Create one screenshot at given browser resolution:

webshots --width=300 --height=200 http://example.com

Hints

  • When pages have the body element background set to transparent it is set to white to reflect how browsers render it.

About

Written by Ramiro Gómez, licensed under the MIT License.