TOOLING

SCREENGRAB COMPS TOOL

SCREENGRAB

COMPS TOOL

Welcome to the Screengrab Comps tool! "Comps" is shorthand for composite images! ;) Use this tool to get screengrabs of any webpage that fits the knocked-out area of a device image perfectly!

YOUR SCREEN SIZE:

123 x 123

PLEASE NOTE: This tool was developed for a 1,680 x 999 screen size. Your screen size is smaller. Therefore, your screengrab window may not maintain the aspect ratio required to be a perfect fit for the device image you've selected!

DIRECTIONS:

Simply input the URL you want to screengrab (including the http:// or https:// part) in STEP 1, and then select a device in STEP 2. Once you are ready, click/tap the LAUNCH WINDOW button.

An image of your chosen device will appear in the COMP DEVICE IMAGE section, and a window set to the exact viewport size of your device screen will popup.

STEP 1: URL to Screengrab This is the URL you want to comp on/under a device image.

STEP 2: Select Device Image

Choose a device

Black iPhone 5

Vertical Viewport (475x821)

White iPhone 6

Vertical Viewport (478x838)

Black iPad

Vertical Viewport (688x920)

Black iPhone 5

Horizontal Viewport (821x475)

White iPhone 6

Horizontal Viewport (838x478)

Black iPad

Horizontal Viewport (920x688)

MacBook Air

Horizontal Viewport (1,395x878)

MacBook Pro

Horizontal Viewport (1,427x895)

Imac Desk Set

Horizontal Viewport (1,577x894)

HDTV Monitor

Horizontal Viewport (1,574x880)

Select your screengrab comp device style, color, and orientation.

COMP DEVICE IMAGE:

Use the pixel size of the window that opened with the device image above to make a screengrab comp.

DOWNLOAD IMAGE

SCREENGRAB COMPS TOOL

SCREENGRAB

OBE METHODS LEAD TO HAPPY FINGERS