Photoshop - Save for Web - Interpolation artifacts on transparent edges

  • 3
  • Problem
  • Updated 3 years ago
  • (Edited)
If you Place an Illustrator smart object into a transparent (empty) Photoshop file, then Save for Web, and adjust the Image Size (up or down), you'll get horrible grey/black shadowing around your beautiful white lines.

This happens for 24bit PNG, JPEG and GIF (ie, all file types) regardless of the chosen Quality.

Interesting facts:
- If you leave the Image Size alone, there's no problem
- If you add a visible Photoshop Shape Layer in addition to the .AI Smart Object, the problem is gone
- Add a normal pixel layer containing some pixels, the problem remains

Download DEMO files here to see if your Photoshop is affected:
https://dl.dropboxusercontent.com/u/4...



Photoshop 2014.2.2 Release
20141204.r.310 x64 (Windows 7)
Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
  • used to this now

Posted 3 years ago

  • 3
Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
UPDATE: More testing confirms issue

This has now been tested on OSX and Windows 8 machines running the CC2014 Photoshop with identical results.

Very basic AI files (containing only one vector object) do not trigger the issue.

Interpolation Preferences (ie, Bilinear vs Bicubic Automatic) do not alter the outcome.
Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
Further: This bug is not limited to Photoshop.

Scaling in Save for Web in Illustrator also results in similar issues.

Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
The halo behaviour in Illustrator can be overcome by setting the default "Art Optimised" to None.

Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
So... this is a thing, right?
Maybe it will get fixed as part of the next update?
Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
Any update on this issue folks?
Photo of Anthony Edge

Anthony Edge

  • 84 Posts
  • 2 Reply Likes
FYI: This is definitely not fixed in Photoshop CC 2015.

I don't know about other people, but I'm discovering more and more transparent PNG images online which have obviously been created using the Photoshop Save for Web scaled export process. Company logos are commonly haloed.