Skip navigation
Currently Being Moderated

Faint image border when saving JPG/PNG

Feb 1, 2009 4:42 PM

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.
 
Replies
  • Currently Being Moderated
    Feb 1, 2009 4:57 PM   in reply to ac361
    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.
     
    |
    Mark as:
  • Currently Being Moderated
    Feb 1, 2009 5:47 PM   in reply to ac361
    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.
     
    |
    Mark as:
  • Currently Being Moderated
    Feb 2, 2009 12:09 AM   in reply to ac361
    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
     
    |
    Mark as:
  • Currently Being Moderated
    Feb 2, 2009 3:30 AM   in reply to ac361
    Why not create your styled text on a transparent layer, then save as a PNG24?

    No filled rectangle to deal withjust your text and fully alpha-channeled transparency. It'll work over any background color you choose for your webpage.
     
    |
    Mark as:
  • Currently Being Moderated
    Feb 2, 2009 3:33 AM   in reply to ac361
    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.
     
    |
    Mark as:
  • Currently Being Moderated
    Feb 3, 2009 6:16 PM   in reply to ac361
    Because the layer has data outside the layer -- 100% transparent data.
    There's really no good way to avoid that.
     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)