SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist perpetual_dream's Avatar
    Join Date
    Nov 2005
    Location
    Jerusalem
    Posts
    542
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    White Ring Around Images

    Hi,

    I have a couple of png images on a colored backgrounds. One of which has a white ring around (The images in the upper block to the right), why don't the other images have this white ring around it even though all of them are png... Isn't PNG supposed to be transparent?

    Here is an illustration of what I'm talking about:



    Thanks.
    Tanzeelnet - Best arabic downloadsite
    Linux Hosting |Free Downloads |

  2. #2
    doing my best to help c2uk's Avatar
    Join Date
    May 2005
    Location
    Cardiff
    Posts
    1,832
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    only if it's saved with an alpha channel but it can also be saved without transparency or with just a one-pixel transparency like gif.

    btw. what's this got to do with CSS?
    Dan G
    Marketing Strategist & Consultant

  3. #3
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    I know it is test website but can you provide a temporary link to the page in question and which web browser you were using. Because what it looks like is the transparent colour is set but the background is interfering.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    When saving images for the web in Photoshop, to get rid of that 1px white border (called a "halo"), you have to set a color in the Matte field. Choose the background color that the image will sit on, and you won't have the white outline any more. (You could set matte to "none", but you can get a rather jagged edge.)

    The Matte box is on the right hand side, under Quality and Blur.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •