Skip to main content

The Script

Clic on the button to download the script to export your Photoshop document to a PNG at 2x and 3x.

href="https://github.com/murd/psd-export-document-retina-png/archive/master.zip" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Button Text

Install

Copy and paste these scripts into your Photoshop Scripts folder. On Windows this is ‘Program FilesAdobeAdobe Photoshop CC 2014PresetsScripts’ and on Mac ‘ApplicationsAdobePhotoshop CC 2014PresetsScripts’.

Then anytime you want to export a 2x PNG just click File > Scripts > ExportDocument2xPNG or a 3x PNG click File > Scripts > ExportDocument3xPNG.
07-script-a-opt

What the script does

Resizes your PSD to 200% or 300%
Creates a folder ‘retina’ in the same place as your PSD
Saves the PNG as documentname_2x.png or documentname_3x.png
Clears and purges the history (Undo)
Saves the document exactly how it was before the script ran

08-script-b-opt

href="https://github.com/murd/psd-export-document-retina-png/" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Button Text href="http://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Button Text
Valéry Girou

D.A. / DIGITAL / WEB / PRINT / Co-fondateur du site ELECTRICNEWS.fr / Consultant & Formateur Digital / Web / Print

Pin It on Pinterest