7 Replies Latest reply: Feb 3, 2009 6:16 PM by Chris Cox RSS

    Faint image border when saving JPG/PNG

    ac361 Community Member
      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.
        • 1. Re: Faint image border when saving JPG/PNG
          Geoff Jay Community Member
          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.
          • 2. Re: Faint image border when saving JPG/PNG
            ac361 Community Member
            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.
            • 3. Re: Faint image border when saving JPG/PNG
              Geoff Jay Community Member
              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.
              • 4. Re: Faint image border when saving JPG/PNG
                Mylenium ACP/MVPs
                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
                • 5. Re: Faint image border when saving JPG/PNG
                  Community Member
                  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.
                  • 6. Re: Faint image border when saving JPG/PNG
                    Yammer Community Member
                    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.
                    • 7. Re: Faint image border when saving JPG/PNG
                      Chris Cox Adobe Employee
                      Because the layer has data outside the layer -- 100% transparent data.
                      There's really no good way to avoid that.