Advertisement


Photoshop: "Export as" retina resolution pixelated


Question

I was trying the latest version of PS and I noticed there a new very useful "Export As" feature capable of exporting multiple Artboards directly in standard and @2x ready png files.

I made an Arboard with 180x90px and imported a big image (1024×545px) as a Smart Object. Then I resized it to fit my Artboard resulting in:

enter image description here

Then I tried the export feature to create a std size image and a @2x version, using this options:

enter image description here

As you can see resampling is enabled. This was the output:

enter image description here (Click to open in full size)

So, why is that the last image (2) is pixelated? The image is much smaller than the original image (1) it should be ok... Is there way I can make photoshop actually resample the image correctly?

Why does it have this behavior? The point of creating a @2x version is to ensure image quality on a high resolution device, not to have a "stretched" version of the std size that will look awful.

2016/08/10
1
3
8/10/2016 3:04:00 PM

Accepted Answer

I managed to fix this issue. Thanks for all the typical useless comments from people who think everyone else is stupid by saying stuff like "OS image preview sucks" or want to waste all day doing things that should be automated "just create the document using the desired @3x and export smaller versions instead of going up". I'm disappointed with this SE because this kind low quality of replies aren't found anywhere else on the network.

There's a bug in PS export feature where smart objects made from non-PSD formats won't resample / resize as needed to avoid the issue I faced.

  1. Convert your original / PNG into a PSD file;
  2. Create a new document you'll be using to export the images with the desired original size (in my case 180x90px);
  3. Use the menu File > Place... to place the previous PSD file as a smart object;
  4. Export your bigger @2x and @3x versions without issues.

And yes, the image preview on my OS works just fine:

enter image description here

2016/08/16
1
8/16/2016 3:15:00 PM