pageres-cli - Capture website screenshots

•    Javascript

---

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres for the programmatic API and issues tracker.

cli-app cli page website site web url resolution size screenshot screenshots screengrab screen snapshot shot responsive gulpfriendly phantom phantomjs image svg render html headless capture pic picture png jpg jpeg

manet - Website screenshot service powered by Node.js, SlimerJS and PhantomJS

•    Javascript

---

There is only one true thing: instantly paint what you see. When you've got it, you've got it. When you haven't, you begin again. All the rest is humbug. Manet is a REST API server which allows capturing screenshots of websites using various parameters. It is a good way to make sure that your websites are responsive or to make thumbnails.

nodejs slimerjs phantomjs screenshots gecko webkit heroku screenshot thumbnail slimer phantom picture image website screen site page scr service server

capture-website - Capture screenshots of websites

•    Javascript

---

It uses Puppeteer (Chrome) under the hood. See capture-website-cli for the command-line tool.

nodejs screenshots npm-package website-screenshot capture-screenshots website-screenshot-capturer puppeteer capture screenshot website page url screen webshot chrome chromium image png jpg

capture-website-cli - Capture screenshots of websites from the command-line

•    Javascript

---

It uses Puppeteer (Chrome) under the hood. Note to Linux users: If you get a "No usable sandbox!" error, you need to enable system sandboxing.

nodejs screenshots npm-package cli-app website-screenshot capture-screenshots website-screenshot-capturer puppeteer cli capture screenshot website page url screen webshot chrome chromium image png jpg

Phantomjs - Headless WebKit with JavaScript API

•    Javascript

---

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. It is an optimal solution for headless website testing. It run functional tests with frameworks such as Jasmine, QUnit, Mocha, Capybara, WebDriver, and many others.

javascript-framework website-testing automation screen-capture testing framework headless-browser web-testing

electroshot - Capture website screenshots with optional device and network emulation as jpg, png or pdf (with web fonts!) using Electron / Chrome

•    Javascript

---

Capture website screenshots with optional device and network emulation as JPG, PNG or PDF (with web fonts!) using Electron / Chrome. Specify urls and screen resolutions as arguments - urls first. The CLI design was strongly influenced by the excellent pageres-cli CLI.

capybara-screenshot - Automatically save screen shots when a Capybara scenario fails

•    Ruby

---

capybara-screenshot used with Capybara and Cucumber, Rspec or Minitest, will capture a screen shot for each failure in your test suite. The HTML for the failed page, and a screenshot image (when using capybara-webkit, Selenium or poltergeist) is saved into $APPLICATION_ROOT/tmp/capybara. Having screenshots readily available for each test failure is incredibly helpful when trying to quickly diagnose a problem in your failing steps. You can view the source code, and have a screen shot of the page (when applicable), at the time of each failure.

Slimerjs - A scriptable browser like PhantomJS, based on Firefox

•    Javascript

---

A scriptable browser like PhantomJS, based on Firefox. SlimerJS is useful to do functional tests, page automation, network monitoring, screen capture, web scraping etc. It provides support to load a web page and inspect its content. It can act on a web page like a user: click on links, fill in form fields etc. You can then inspect the results, to test them or to retrieve them. It helps to take screenshots of a web page.

phantomjs headless-browser automation web-testing testing screen-capture

menyoki - Screen{shot,cast} and perform ImageOps on the command line 🌱 🏞️

•    Rust

---

menyoki is a screencast and screenshot utility that can also perform various image related operations such as making/splitting GIFs and modifying/analyzing image files. It aims to be a lightweight command line tool for either helping out on day-to-day life operations or complicated detail-centric issues. Originally it was designed to record/screenshot terminal windows but it can be tweaked easily for other purposes with command line arguments, environment variables, or a configuration file. menyoki requires a window system implementation of the supported platform for record and capture actions. Other features are expected to work normally since they don't require a window system running (or grabbing a window to operate on). For example, despite the macOS is not listed as a supported platform, menyoki still can perform image operations such as edit and analyze if it's compiled on macOS.

screenshot image command-line animation image-processing screen-recorder capture screen-capture gif-recorder image-manipulation apng screencast command-line-tool image-analysis gif-maker image-conversion animated-png

prerender - Node server that uses Headless Chrome to render a javascript-rendered page as HTML

•    Javascript

---

Prerender is a node server that uses Headless Chrome to render HTML, screenshots, PDFs, and HAR files out of any web page. The Prerender server listens for an http request, takes the URL and loads it in Headless Chrome, waits for the page to finish loading by waiting for the network to be idle, and then returns your content. The Prerender server can be used in conjunction with our Prerender.io middleware in order to serve the prerendered HTML of your javascript website to search engines (Google, Bing, etc) and social networks (Facebook, Twitter, etc) for SEO. We run the Prerender server at scale for SEO needs at https://prerender.io/.

Casperjs - Navigation scripting and testing utility for PhantomJS and SlimerJS

•    Javascript

---

CasperJS is a navigation scripting & testing utility for PhantomJS and SlimerJS (still experimental). It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar for doing common tasks such as Filling forms, Clicking links, Capturing screenshots of a page, Downloading resources, even binary ones, Writing functional test suites, exporting results as JUnit XML (xUnit) and lot more.

phantomjs headless-browsers headless-testing slimerjs test testing scraping headless-browser automation web-testing screen-capture

ImageMagick

•    C++

---

ImageMagick is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.

image-processing image-identification library

page-monitor - capture webpage and diff the dom change with phantomjs ♨

•    Javascript

---

First of all, install phantomjs, page-monitor relys on phantomjs to render webpage and genenrate screenshot. DO NOT use npm to install phantomjs on winidows, it can't be launched by spawn. see the default options here: https://github.com/fouber/page-monitor/blob/master/index.js , you can override any option for your monitoring.

monitor phantomjs phantom diff

svgexport - SVG to PNG/JPEG command-line tool and Node.js module

•    Javascript

---

svgexport is a Node.js module and command-line tool for exporting SVG files to PNG and JPEG, it uses PhantomJS for rendering SVG files. datafile can be an object, an array of objects or a JSON file path, see command line usage for its format.

svg png jpeg rasterizer cli command-line export rasterize converter jpg inkscape illustrator coreldraw

dom-to-image - Generates an image from a DOM node using HTML5 canvas

•    Javascript

---

dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in JavaScript. It's based on domvas by Paul Bakaus and has been completely rewritten, with some bugs fixed and some new features (like web font and image support) added. Include either src/dom-to-image.js or dist/dom-to-image.min.js in your page and it will make the domtoimage variable available in the global scope.

css svg html image canvas dom vector raster render

Responsive-Images - NOTE: use Picturefill instead

•    Javascript

---

The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this could enable developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions -- without requesting both image sizes, and without UA sniffing. As soon as rwd-images.js loads, it tests the screen width, and if it's large, it inserts a BASE element into the head of your page, directing all subsequent image, script, and stylesheet requests through a fictitious directory called "/rwd-router/". As these requests reach the server, the .htaccess file determines whether the request is a responsive image or not (does it have a ?full query parameter?). It redirects responsive image requests immediately to their full size, while all non-responsive-image requests go to their proper destination through a URL rewrite that ignores the "/rwd-router/" segment.

gulp-imagemin - Minify PNG, JPEG, GIF and SVG images

•    Javascript

---

Issues with the output should be reported on the imagemin issue tracker.🦄 Support my open-source work by buying this awesome video course: Learn to build apps and APIs with Node.js by Wes Bos Try his free JavaScript 30 course for a taste of what to expect & check out his ES6, React, Sublime courses.

gulpplugin imagemin image img picture photo minify minifier compress png jpg jpeg gif svg

Windows XP Snipping Tool

•    

---

Windows XP Snipping Tool brings the basic functionality of Windows 7 Snipping Tool to Windows XP. Crop, resize, copy to clipboard are some of its screen shot features. It is developed in C#. (Currently Under Development) Be sure to check out our website for more useful soft...

copy-picture free-snipping-tool get-screenshots multiple-screenshots picture-of-screen picture-of-window screen-capture

grunt-contrib-imagemin - Minify PNG and JPEG images.

•    Javascript

---

Select optimization level between 0 and 7. The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.

gruntplugin compress gif image img jpeg jpg minify png svg

terminal-image - Display images in the terminal

•    Javascript

---

Works in any terminal that supports colors. In iTerm, the image will be displayed in full resolution, since iTerm has special image support.

terminal-image image cli-utility nodejs npm-package terminal term iterm shell console command-line img pic picture photo ansi escape jpg jpeg display show pixels