Skip navigation
ac361
ac361
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.
2706 Views   7 Replies   Latest reply: Chris Cox, Feb 3, 2009 6:16 PM
 
Replies
  • Geoff Jay
    Currently Being Moderated
    1. Geoff Jay,
    Feb 1, 2009 4:57 PM   in reply to ac361
    Report
    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:
  • ac361
    Currently Being Moderated
    2. ac361,
    Feb 1, 2009 5:06 PM   in reply to ac361
    Report
    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.
     
    |
    Mark as:
  • Geoff Jay
    Currently Being Moderated
    3. Geoff Jay,
    Feb 1, 2009 5:47 PM   in reply to ac361
    Report
    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:
  • Mylenium
    Currently Being Moderated
    4. Mylenium,
    Feb 2, 2009 12:09 AM   in reply to ac361
    Report
    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
    5. (Phos±four_dots),
    Feb 2, 2009 3:30 AM   in reply to ac361
    Report
    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:
  • Yammer P
    Currently Being Moderated
    6. Yammer P,
    Feb 2, 2009 3:33 AM   in reply to ac361
    Report
    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:
  • Chris Cox
    Currently Being Moderated
    7. Chris Cox,
    Feb 3, 2009 6:16 PM   in reply to ac361
    Report
    Because the layer has data outside the layer -- 100% transparent data.
    There's really no good way to avoid that.
     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)