Is it possible to simply use Save for Web with resizing to produce images without black edges?

My current Save for Web setting

Save for Web setting

Left: original

Top right: Save for Web (black edges)

Middle right: bicubic resize then save

Bottom right: add a layer mask from transparency, resize then save (black edges)




Save for Web

Save for web

Resize then save

Simple resize and save

Add a layer mask from transparency, resize then save

Layer mask, resize then save

  • 2
    You could use better example images, white on white background is a bit hard. Jun 16 '15 at 7:40
  • The black edge is related to how the original image is stored. The color for the transparent pixels is black so Photoshop render the edge black when resizing in Save for Web. I have enlarged the overview for easier understanding.
    – keithyip
    Jun 16 '15 at 11:01

In Photoshop CC 2015, the new Export As solves the problem. It does not produce black edges when resizing but the Save for Web (Legacy) still does.

  • I have been trying for days to solve this. The new Export As command DOES work. I create my all-white transparent icons by copying the white-on-black image into a blank channel, then I fill the whole layer with 100% white, then I load the alpha channel as a selection, and delete. (So, every pixel is white, no grey or black.) Then I do export > export as. Thanks for the help. I was going crazy.
    – user75430
    Sep 1 '16 at 17:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.