The new Photoshop CC 2015 came out with some amazing new features. Apart from few, most of them are for designers. I must say that web developers and designers cannot be more happy.
This tutorial is on The Brand New Export Option in Photoshop CC 2015, and I’ll be uploading more tutorials on new features of Photoshop CC 2015 in the coming days like I said when I was explaining Dehaze in Photoshop CC 2015.
Actually the new Export option in Photoshop CC 2015 is just an improved version of preexisted “Save For Web” feature in Photoshop. The fact is that it not only looks cleaner, it provides better compression too. Apart from that, it also lets to you export your layers, not the whole image, which the “Save for Web” cannot. If you are a graphic designer, you must be cheering up. So let’s begin the tutorial.
What is Export in Photoshop CC 2015?
The Export As feature is a successor of Save for Web that lets to save your photo in a compressed way. Of course compression reduces the image’s quality but you need to find out a balance between the quality and the size. If you own a website and upload heavy images of 1-2 MB in size then your website’s performance will be compromised, and hence the user’s browsing experience. These heavy size images take huge time to load, and increases website’s loading time by 4-5 seconds. In a world where more than 70% of websites load under 1 second, increasing your website loading time by 4-5 seconds would definitely be problematic.
This is why Adobe introduced Save for Web long ago, and succeeded it by the brand new Export As feature. This Export As feature compresses the image and its size. Of course the quality will be compromised but a nice balance between the former and later will always be appreciated. Photoshop lets to choose the quality between 1% to 100% with 1% results in least size and 100% results in maximum size.
The Export As feature is a successor of Save for Web that lets to save your photo in a compressed way. Of course compression reduces the image’s quality but you need to find out a balance between the quality and the size.
You can also use this feature to export layers separately. In the layer panel, just select the layers you want to be exported and right click on them, and the click on Export. I’ll be explaining this elaborately later in this tutorial.
Where is the Export in Photoshop CC 2015?
The export option is bit hidden compared to “Save For Web” option in older versions of Photoshop. May be Adobe likes to know the users’ feedback before it makes it more exposed. You can find it by going to File>Export>Export As. But with the new release of Photoshop CC 2015, the “Save for Web” is not at all present directly in File. You need to go to File>Export>Save for Web (Legacy).
One more thing that you’d like to know is that the keyboard shortcut for Export As is very much similar to Save for Web’s. The shortcut of Export As is Ctrl+Shift+Alt+W/Cmd+Shift+Opt+W while the shortcut of Save for Web is Ctrl+Shift+Alt+S/Cmd+Shift+Opt+S. It just changed the alphabet S to W.