Faint image border when saving JPG/PNG

[Alex_Co...@adobeforums.com]

Hi. When saving a file with a solid, dark blue background as a JPG in PS CS4, it's producing a very faint border around it. On a web page, it needs to blend into a background that has the same color as that of the JPG; but it shows the faint borders. It also shows it when saving the file as PNG-24. How do you get rid of the border? What's causing this? Thanks.

[Geoff_K...@adobeforums.com]

Are you selecting the background then filling it with a colour? If so is the anti-alias turned on? This could be causing the border you describe.
Geoff.

[Alex_Co...@adobeforums.com]

Thanks, Geoff. Not quite. I'm using the rectangle tool, creating a rectangle, then filling it with a color. Then I cut out a portion of it using the select tool, resize that in a new window and save it.

Maybe there's a better way to do this: I need to create a rectangle with some styled text on top, save it and have it blend into a solid color of the same as the rectangle on the web page.

[Geoff_K...@adobeforums.com]

When you use the Select tool is the feather value set to zero? If not this could be giving you a soft edge if the background layer is showing through.

Perhaps a better method would be to create a new file with the pixel dimensions that you need then filling it with the required colour then putting your text on top. Save this as a psd file in case you need to make changes in the future, then Save for Web as a jpg.

Geoff.

[Myle...@adobeforums.com]

Na, this is unrelated to the select or crop tools and has always been this way. Any floating layer will be resized with sampling, meaning that its edges will be antialiased. This is not immediately apparent in PS when cropping the layers to that size, but causes the problem when saving for web. Hence the logical workflow must be to fill those layers after the transform, use Solid Fill adjustment layers or, if possible, even merge down such layers to the background.

Mylenium

[Phosąfour dots]

Why not create your styled text on a transparent layer, then save as a PNG24?

No filled rectangle to deal with—just your text and fully alpha-channeled transparency. It'll work over any background color you choose for your webpage.

[Keith_...@adobeforums.com]

One thing I've noticed, which I've never seen written, is that when you resize a layer it anti-aliases the edge. If I want to resize a finished image, I flatten it first, then resize. For some reason a flattened image keeps a sharp edge, whereas one in layers does not.

[Chri...@adobeforums.com]

Because the layer has data outside the layer -- 100% transparent data.
There's really no good way to avoid that.