Faint image border when saving JPG/PNG

AC
Posted By
Alex_Cougarman
Feb 2, 2009
Views
926
Replies
7
Status
Closed
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.

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

GK
Geoff_K_Jackson
Feb 2, 2009
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.
AC
Alex_Cougarman
Feb 2, 2009
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.
GK
Geoff_K_Jackson
Feb 2, 2009
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.
M
Mylenium
Feb 2, 2009
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
P
Phosphor
Feb 2, 2009
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.
KN
Keith_Nuttall
Feb 2, 2009
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.
CC
Chris_Cox
Feb 4, 2009
Because the layer has data outside the layer — 100% transparent data. There’s really no good way to avoid that.

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections