DEV Community

loading...

Device template generators

Matt Kenefick
Senior Engineer -- Learn to code first. Use libraries second.
・7 min read

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

Discussion (0)