Retinize It

The best Photoshop actions for preparing designs
for iOS or optimized for Retina-display websites

Download

How it works?

Information

What it includes?

There are 3 actions in the package:
1x is for for slicing selected layer(s)/group only, great for a quick export of the element in the original size.
- 1x, 2x is for slicing selected element + it’s scaled by 200% version. Perfect for Retina-ready websites.
- 1x, 2x, 3x for the selected element + scaled 200% + scaled 300%. Perfect for iOS assets.

What should I keep in mind?

Work with shapes or Smart Objects. Also I recommend to work on the not-retina PSD-version of the design (1x). I explain why in my article on Smashing Magazine.

If you use Drop Shadow or Inner Shadow properties for the layer you want to slice, keep in mind that "Use Global Light" checkmark is unckecked. Otherwise the shadow's angle will be changed to the default angle that setted in Photoshop (thanks to Nils Helmersson).

Who is it for?

RetinizeIt is perfect for designers and front-end developers who need to slice UI-elements from PSDs for iOS or Retina-ready websites.

How to install?

Just double-click the file and go to Window -> Actions in Photoshop. Expand the “Retinize It” folder in Actions window.

Who did it?

Hey, I’m Artiom Dashinsky (Twitter), UI/UX designer from Tel Aviv. Drop me a line.

The original action is based on the "Best Photoshop Export Action Ever" by Scott Bates. The difference is in scaling - me and my team are always designing in 1x resolution and scaling by 200% before sending it to developers, mostly because of 0.5px issue (you can learn more from Niklaus Gerber's article Designing for the iPhone 4 and in Designing for Retina display by Bjango) and Scott is scaling by 50%.

Where can I find more information?

Also you can download the original version of Retinize It. If you’re a newbie in working with Retina-optimized graphics check out: