Warning: Creating default object from empty value in /srv/users/serverpilot/apps/cogentstudios-com/public/wp-content/themes/salient/nectar/redux-framework/ReduxCore/inc/class.redux_filesystem.php on line 29
UnRetinafy – App to create non-retina versions of images. – Cogent Studios

UnRetinafy is an Automator App I created to streamline the workflow of creating non-retina versions of graphics for websites.
If you aren’t familiar with retina ready design, the basic idea is that you would create all of your graphic elements at double the size and then scale them down to double the amount of pixels available in the same amount of screen space. Here’s an article that breaks it down well:

Designing for Retina Displays, Optimize Website for @2x Images

But more likely if your visiting this page you’re looking for a quick way to resize your @2x images for faster loading using something like retina.js.
Here’s how to use the app:
1. Uncompress the zip.
2. Drag the app to your applications folder.
3. You may need to right click the app and click open to get OSX to allow you to open the file you downloaded from the internet.
4. Drag the app to your into your dock.
5. Now you can drag your extra large images into the app and it will shrink them by 50% (creating a faster loading version for non retina displays.) It will also remove @2x from the end of the file names if(if you named them like that.)

Download UnRetinafy

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.