Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts

    PNG transparency issue

    I have a webpage with a blue texture on the background and a grey (#333) logo with typography which I exported from Photoshop as PNG-24 and transparent.

    Now if I insert the logo into HTML, the blue from the backround combines with the grey from the text and gives me an awful brown text.

    How can I avoid the two colors to combine with each other while still keeping the PNG transparent?

  • #2
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    i suppouse the text itself is a little bit transparent too, it would be helpfull if you show how it looks like now.

  • #3
    Regular Coder cineweekly.com's Avatar
    Join Date
    Aug 2010
    Posts
    485
    Thanks
    14
    Thanked 3 Times in 3 Posts
    Quote Originally Posted by michaelmo View Post
    i suppouse the text itself is a little bit transparent too, it would be helpfull if you show how it looks like now.
    Agreed.

  • #4
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post
    Have you managed to fix this ?? What browser were you using when checking the html page ?? Some of the older browsers often have problems with the transparency of png files.

  • #5
    New Coder
    Join Date
    Sep 2011
    Posts
    20
    Thanks
    0
    Thanked 1 Time in 1 Post
    Troubles with PNG come with Internet Explorer 6 after that (IE7,8, Firefox, Safari, Chrome...) it should work..

  • #6
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Location
    Leeds
    Posts
    106
    Thanks
    8
    Thanked 5 Times in 5 Posts
    png 8 is supported well but png 24 is better viewed with newer browsers, or so I've found.

    If there's a problem you could just use jpeg against the same colour background from your initial psd design file. Otherwise take 2 screen prints of the page: one with logo and one without (to capture the background image) and then superimpose your logo in Photoshop. Crop and save as a jpeg.
    ---------------------------------
    website: www.gcmax.co.uk
    webmail: stevenbell@gcmax.co.uk
    ---------------------------------

  • #7
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    What about Fireworks? Can get PNG 32

    That may fix the problem.
    Last edited by VIPStephan; 09-28-2011 at 12:30 AM. Reason: removed fake signature

  • #8
    Regular Coder
    Join Date
    Sep 2011
    Location
    Sweden
    Posts
    154
    Thanks
    1
    Thanked 22 Times in 22 Posts
    PNG32 transparency works perfectly in all major browsers now alive but IE6 (which is about to finally die anyway).

    My guess is, like michelmo's, that your text is transparent too...


  •  

    Posting Permissions

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