DEV Community

Matt Kenefick
Matt Kenefick

Posted on

1

Device template generators

This is a list of inner device size templates. Using convert (imagemagick), these commands are for device templates what touch is for blank files.

## Landscape
convert -size 1920x1080 xc:white landscape-hires-white.png
convert -size 960x540 xc:white landscape-mdres-white.png
convert -size 480x320 xc:white landscape-lores-white.png

## Portrait
convert -size 1080x1920 xc:black portrait-hires-black.png
convert -size 540x960 xc:black portrait-mdres-black.png
convert -size 320x480 xc:black portrait-lores-black.png

## Square
convert -size 1920x1920 xc:black square-hires-black.png
convert -size 1260x1260 xc:black square-1260-black.png
convert -size 1080x1080 xc:black square-1080-black.png
convert -size 960x960 xc:black square-mdres-black.png
convert -size 540x540 xc:black square-540-black.png
convert -size 480x480 xc:black square-lores-black.png
convert -size 320x320 xc:black square-320-black.png
convert -size 160x160 xc:black square-160-black.png
convert -size 64x64 xc:black square-64-black.png
convert -size 32x32 xc:black square-32-black.png
convert -size 16x16 xc:black square-16-black.png

## iPhones (portrait)
convert -size 1125x2436 xc:black portrait-iphone-x.png
convert -size 1080x1920 xc:black portrait-iphone-8+.png
convert -size 750x1334 xc:black portrait-iphone-8.png
convert -size 1080x1920 xc:black portrait-iphone-7+.png
convert -size 750x1334 xc:black portrait-iphone-7.png
convert -size 1080x1920 xc:black portrait-iphone-6s+.png
convert -size 1080x1920 xc:black portrait-iphone-6+.png
convert -size 750x1334 xc:black portrait-iphone-6s.png
convert -size 750x1334 xc:black portrait-iphone-6.png
convert -size 750x1334 xc:black portrait-iphone-se.png

## iPads (portrait)
convert -size 2048x2732 xc:black portrait-ipad-pro-12-9-2nd.png
convert -size 2224x1668 xc:black portrait-ipad-pro-10-5.png
convert -size 2048x2732 xc:black portrait-ipad-pro-12-9-1st.png
convert -size 1536x2048 xc:black portrait-ipad-pro-9-7.png
convert -size 1536x2048 xc:black portrait-ipad-air-2.png
convert -size 1536x2040 xc:black portrait-ipad-mini-4.png

## iPhones (landscape)
convert -size 2436x1125 xc:white landscape-iphone-x.png
convert -size 1920x1080 xc:white landscape-iphone-8+.png
convert -size 1334x750 xc:white landscape-iphone-8.png
convert -size 1920x1080 xc:white landscape-iphone-7+.png
convert -size 1920x1080 xc:white landscape-iphone-6s+.png
convert -size 1920x1080 xc:white landscape-iphone-6+.png
convert -size 1334x750 xc:white landscape-iphone-7.png
convert -size 1334x750 xc:white landscape-iphone-6s.png
convert -size 1334x750 xc:white landscape-iphone-6.png
convert -size 1334x750 xc:white landscape-iphone-se.png

## iPads (landscape)
convert -size 2732x2048 xc:white landscape-ipad-pro-12-9-2nd.png
convert -size 1668x2224 xc:white landscape-ipad-pro-10-5.png
convert -size 2732x2048 xc:white landscape-ipad-pro-12-9-1st.png
convert -size 2048x1536 xc:white landscape-ipad-pro-9-7.png
convert -size 2048x1536 xc:white landscape-ipad-air-2.png
convert -size 2040x1536 xc:white landscape-ipad-mini-4.png

## Macbooks
convert -size 2880x1800 xc:black macbook-pro-2016-15in.png
convert -size 2560x1600 xc:black macbook-pro-2016-13in.png
convert -size 2880x1800 xc:black macbook-pro-2015-15in.png
convert -size 2560x1600 xc:black macbook-pro-2015-13in.png
convert -size 1440x900 xc:black macbook-air-2015-13in.png
convert -size 1366x768 xc:black macbook-air-2015-11in.png

## Watch
convert -size 272x340 xc:black apple-watch-38.png
convert -size 312x390 xc:black apple-watch-42.png

## Samsung (portrait)
convert -size 1440x2960 xc:black portrait-samsung-galaxy-s8+.png
convert -size 1440x2960 xc:black portrait-samsung-galaxy-s8.png
convert -size 1440x2560 xc:black portrait-samsung-galaxy-s6.png
convert -size 1440x2560 xc:black portrait-samsung-galaxy-s6-edge+.png
convert -size 1080x1920 xc:black portrait-samsung-galaxy-s5.png
convert -size 1440x2560 xc:black portrait-samsung-galaxy-note-5.png
convert -size 1440x2560 xc:black portrait-samsung-galaxy-note-4.png
convert -size 800x1280 xc:black portrait-samsung-galaxy-note.png
convert -size 720x1280 xc:black portrait-samsung-a5.png
convert -size 1336x768 xc:black portrait-samsung-chromebook.png

## Samsung (landscape)
convert -size 2960x1440 xc:white landscape-samsung-galaxy-s8+.png
convert -size 2960x1440 xc:white landscape-samsung-galaxy-s8.png
convert -size 2560x1440 xc:white landscape-samsung-galaxy-s6.png
convert -size 2560x1440 xc:white landscape-samsung-galaxy-s6-edge+.png
convert -size 1920x1080 xc:white landscape-samsung-galaxy-s5.png
convert -size 2560x1440 xc:white landscape-samsung-galaxy-note-5.png
convert -size 2560x1440 xc:white landscape-samsung-galaxy-note-4.png
convert -size 1280x800 xc:white landscape-samsung-galaxy-note.png
convert -size 1280x720 xc:white landscape-samsung-a5.png
convert -size 768x1336 xc:white landscape-samsung-chromebook.png

## Surface
convert -size 1366x768 xc:white surface.png
convert -size 1920x1080 xc:white surface-2.png
convert -size 1920x1280 xc:white surface-3.png
convert -size 3000x2000 xc:white surface-book-2016.png
convert -size 1920x1080 xc:white surface-pro.png
convert -size 1920x1080 xc:white surface-pro-2.png
convert -size 2160x1440 xc:white surface-pro-3.png
convert -size 2736x1824 xc:white surface-pro-4.png
convert -size 4500x3000 xc:white surface-studio.png

## Kindle (portrait)
convert -size 1280x800 xc:black portrait-kindle-fire-2016.png
convert -size 1280x800 xc:black portrait-kindle-fire-2015-hd.png
convert -size 1024x600 xc:black portrait-kindle-fire-2015.png
convert -size 1600x2560 xc:black portrait-kindle-fire-2014-hdx.png
convert -size 800x1280 xc:black portrait-kindle-fire-2014-hd.png

## Kindle (landscape)
convert -size 800x1280 xc:white landscape-kindle-fire-2016.png
convert -size 800x1280 xc:white landscape-kindle-fire-2015-hd.png
convert -size 600x1024 xc:white landscape-kindle-fire-2015.png
convert -size 2560x1600 xc:white landscape-kindle-fire-2014-hdx.png
convert -size 1280x800 xc:white landscape-kindle-fire-2014-hd.png
Enter fullscreen mode Exit fullscreen mode

Something you can paste into a Terminal:

convert -size 1920x1080 xc:white landscape-hires-white.png; convert -size 960x540 xc:white landscape-mdres-white.png; convert -size 480x320 xc:white landscape-lores-white.png; convert -size 1080x1920 xc:black portrait-hires-black.png; convert -size 540x960 xc:black portrait-mdres-black.png; convert -size 320x480 xc:black portrait-lores-black.png; convert -size 1920x1920 xc:black square-hires-black.png; convert -size 1260x1260 xc:black square-1260-black.png; convert -size 1080x1080 xc:black square-1080-black.png; convert -size 960x960 xc:black square-mdres-black.png; convert -size 540x540 xc:black square-540-black.png; convert -size 480x480 xc:black square-lores-black.png; convert -size 320x320 xc:black square-320-black.png; convert -size 160x160 xc:black square-160-black.png; convert -size 64x64 xc:black square-64-black.png; convert -size 32x32 xc:black square-32-black.png; convert -size 16x16 xc:black square-16-black.png; convert -size 1125x2436 xc:black portrait-iphone-x.png; convert -size 1080x1920 xc:black portrait-iphone-8+.png; convert -size 750x1334 xc:black portrait-iphone-8.png; convert -size 1080x1920 xc:black portrait-iphone-7+.png; convert -size 750x1334 xc:black portrait-iphone-7.png; convert -size 1080x1920 xc:black portrait-iphone-6s+.png; convert -size 1080x1920 xc:black portrait-iphone-6+.png; convert -size 750x1334 xc:black portrait-iphone-6s.png; convert -size 750x1334 xc:black portrait-iphone-6.png; convert -size 750x1334 xc:black portrait-iphone-se.png; convert -size 2048x2732 xc:black portrait-ipad-pro-12-9-2nd.png; convert -size 2224x1668 xc:black portrait-ipad-pro-10-5.png; convert -size 2048x2732 xc:black portrait-ipad-pro-12-9-1st.png; convert -size 1536x2048 xc:black portrait-ipad-pro-9-7.png; convert -size 1536x2048 xc:black portrait-ipad-air-2.png; convert -size 1536x2040 xc:black portrait-ipad-mini-4.png; convert -size 2436x1125 xc:white landscape-iphone-x.png; convert -size 1920x1080 xc:white landscape-iphone-8+.png; convert -size 1334x750 xc:white landscape-iphone-8.png; convert -size 1920x1080 xc:white landscape-iphone-7+.png; convert -size 1920x1080 xc:white landscape-iphone-6s+.png; convert -size 1920x1080 xc:white landscape-iphone-6+.png; convert -size 1334x750 xc:white landscape-iphone-7.png; convert -size 1334x750 xc:white landscape-iphone-6s.png; convert -size 1334x750 xc:white landscape-iphone-6.png; convert -size 1334x750 xc:white landscape-iphone-se.png; convert -size 2732x2048 xc:white landscape-ipad-pro-12-9-2nd.png; convert -size 1668x2224 xc:white landscape-ipad-pro-10-5.png; convert -size 2732x2048 xc:white landscape-ipad-pro-12-9-1st.png; convert -size 2048x1536 xc:white landscape-ipad-pro-9-7.png; convert -size 2048x1536 xc:white landscape-ipad-air-2.png; convert -size 2040x1536 xc:white landscape-ipad-mini-4.png; convert -size 2880x1800 xc:black macbook-pro-2016-15in.png; convert -size 2560x1600 xc:black macbook-pro-2016-13in.png; convert -size 2880x1800 xc:black macbook-pro-2015-15in.png; convert -size 2560x1600 xc:black macbook-pro-2015-13in.png; convert -size 1440x900 xc:black macbook-air-2015-13in.png; convert -size 1366x768 xc:black macbook-air-2015-11in.png; convert -size 272x340 xc:black apple-watch-38.png; convert -size 312x390 xc:black apple-watch-42.png; convert -size 1440x2960 xc:black portrait-samsung-galaxy-s8+.png; convert -size 1440x2960 xc:black portrait-samsung-galaxy-s8.png; convert -size 1440x2560 xc:black portrait-samsung-galaxy-s6.png; convert -size 1440x2560 xc:black portrait-samsung-galaxy-s6-edge+.png; convert -size 1080x1920 xc:black portrait-samsung-galaxy-s5.png; convert -size 1440x2560 xc:black portrait-samsung-galaxy-note-5.png; convert -size 1440x2560 xc:black portrait-samsung-galaxy-note-4.png; convert -size 800x1280 xc:black portrait-samsung-galaxy-note.png; convert -size 720x1280 xc:black portrait-samsung-a5.png; convert -size 1336x768 xc:black portrait-samsung-chromebook.png; convert -size 2960x1440 xc:white landscape-samsung-galaxy-s8+.png; convert -size 2960x1440 xc:white landscape-samsung-galaxy-s8.png; convert -size 2560x1440 xc:white landscape-samsung-galaxy-s6.png; convert -size 2560x1440 xc:white landscape-samsung-galaxy-s6-edge+.png; convert -size 1920x1080 xc:white landscape-samsung-galaxy-s5.png; convert -size 2560x1440 xc:white landscape-samsung-galaxy-note-5.png; convert -size 2560x1440 xc:white landscape-samsung-galaxy-note-4.png; convert -size 1280x800 xc:white landscape-samsung-galaxy-note.png; convert -size 1280x720 xc:white landscape-samsung-a5.png; convert -size 768x1336 xc:white landscape-samsung-chromebook.png; convert -size 1366x768 xc:white surface.png; convert -size 1920x1080 xc:white surface-2.png; convert -size 1920x1280 xc:white surface-3.png; convert -size 3000x2000 xc:white surface-book-2016.png; convert -size 1920x1080 xc:white surface-pro.png; convert -size 1920x1080 xc:white surface-pro-2.png; convert -size 2160x1440 xc:white surface-pro-3.png; convert -size 2736x1824 xc:white surface-pro-4.png; convert -size 4500x3000 xc:white surface-studio.png; convert -size 1280x800 xc:black portrait-kindle-fire-2016.png; convert -size 1280x800 xc:black portrait-kindle-fire-2015-hd.png; convert -size 1024x600 xc:black portrait-kindle-fire-2015.png; convert -size 1600x2560 xc:black portrait-kindle-fire-2014-hdx.png; convert -size 800x1280 xc:black portrait-kindle-fire-2014-hd.png; convert -size 800x1280 xc:white landscape-kindle-fire-2016.png; convert -size 800x1280 xc:white landscape-kindle-fire-2015-hd.png; convert -size 600x1024 xc:white landscape-kindle-fire-2015.png; convert -size 2560x1600 xc:white landscape-kindle-fire-2014-hdx.png; convert -size 1280x800 xc:white landscape-kindle-fire-2014-hd.png;
Enter fullscreen mode Exit fullscreen mode

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (1)

Collapse
 
saba1598 profile image
saba bsbs • Edited

Is azomviti naxazebi any relation to this topic?

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs