thumb

Preview App Icons on Your iOS Homescreen with Previ.co

By: Category: News

App icon design is a big deal. Just enter those two keywords in Dribbble and you’ll see exactly what I mean. Previewing app screens on the target device(s) isn’t difficult at all, with tools such as Skala and Silkscreen, which allow you to mirror your design in Photoshop on your iDevice’s screen. But what about app icons? How can you preview those, without knowing a lick of code? Previ.co, a simple web app by Guillaume Gaubert, helps you do just that.

icon 2 750x516 Preview App Icons on Your iOS Homescreen with Previ.co

All you have to do is upload your app icon to a cloud service such as CloudApp or Droplr, and paste the link to the icon into the field on Previ.co. The site then generates a link for you to add to your iOS device’s home screen. It’s a very simple process, and the results are stunning.

Stratus App 2012 09 14 at 04 34 40 PM 750x562 Preview App Icons on Your iOS Homescreen with Previ.co

The overall design of the tool itself is dark and minimal, with responsive icon previews. The links that the app generates are very short, so it’s easy to share your icon for other users to view on their devices. To make your icon look pixel-perfect on your retina (or non-retina) home screen, just use this icon template by Michael Flarup. I used it to make the icon you see in those screenshots, although the text isn’t that readable on the icon itself (I wouldn’t have known that if I didn’t use Previ.co).

If you’re an iOS app designer who wants to quickly preview an app icon on a real device, take Previ.co for a spin now!


  • Robert

    Silkscreen also let’s you preview home screen icons! All you need is to drag a .PSD file which is exactly 57x57px or 114x114px in size and Silkscreen shows it on a mock home screen.

  • http://twitter.com/AndrewProjDent Andrew Hart

    Also if you make your icon using the http://appicontemplate.com/ psd, it shows you a preview of what it’ll look like on your home screen there.

  • http://twitter.com/holamarco Marco Moreno

    Love this tool. I used it on a few of my work projects at work. Nice write up Ari.

  • http://twitter.com/holamarco Marco Moreno

    This is free ;)

  • http://twitter.com/holamarco Marco Moreno

    Sometimes you just want to see on the device itself though. Not taking anything away from Flarup’s PSD as it totally rocks!

  • Alys

    When I try to upload the link generated in Droplr to previ, previ says ‘this link is not an icon’. Does the original file have to be in any particular format/size etc? Is there a better way to do this without using a Mac?