WordPress.org

Ready to get started?Download WordPress

Forums

Transparent PNGs issue (7 posts)

  1. uzbekadventure
    Member
    Posted 2 years ago #

    Dear WordPress forum,

    I am working on a website for a small production company and I was wondering if you could help resolve a difficulty that i have been having with our slider. The first slide that comes up on the site http://www.seriousmotionpictures.com

    is of a movie poster to the right and laurels to the left. I want the laurels to have no background. I edited the images in photoshop to have no background (using alpha channels) and instead of the images showing through the background they were presented like this: http://www.seriousmotionpictures.com/wp-content/uploads/2011/08/Screen-shot-2011-08-19-at-11.09.33-AM.png (with an automatic white background!)

    This is the image I tried uploading on my website:

    http://www.seriousmotionpictures.com/wp-content/uploads/2011/08/Image-PNG.png

    This is how it uploaded:

    http://www.seriousmotionpictures.com/wp-content/uploads/2011/06/vienna_laurels-12copy1.png

    and this is how it looked on the slider:

    http://www.seriousmotionpictures.com/wp-content/uploads/2011/08/Screen-shot-2011-08-19-at-11.09.33-AM.png

    I also just tried creating a separate page but the problem still occurred: http://www.seriousmotionpictures.com/png

    I downloaded the HITS- IE6 PNGFix plugin but im not using IE im using firefox so I cant figure out the problem.

    Is there anyway to make it that the laurels appear on top of my sliders background?

    Sincerely, Max http://www.seriousmotionpictures.com

  2. Per http://core.trac.wordpress.org/ticket/2805 this should be fixed UNLESS you're using transparent 8-bit PNG. If you use a 24-bit, you should be okay.

    It's a problem with GD, though, not (directly) WP.

  3. uzbekadventure
    Member
    Posted 2 years ago #

    Ok, forgive me because I am a little new to all of this. Am I supposed to take that code and copy and paste it into my admin functions? If so where should I be pasting it into?

    Also what is GD, the graphics library? I mean designers have been able to upload transparent PNG's to wordpress without a problem, why should my case be different?

    -Max

  4. The code in that ticket was already put into WordPress.

    GD is a graphic's library code that is on your SERVER and WP uses it to compress and resize images.

    The solution: You need to save your image in 24-bit PNG format on your PC before uploading.

  5. lamuSudip
    Member
    Posted 2 years ago #

    I use HITS- IE6 PNGFix but it does not work in my computer.
    Anyway have suitable idea ........

  6. uzbekadventure
    Member
    Posted 2 years ago #

    I am saving my image in 24-bit PNG format. And I already download HITS but its useless because the PNGs are not showing up on firefox and safari not internet explorer.

  7. Daniel J. Lewis
    Member
    Posted 2 years ago #

    I'd like to refresh this conversation because I need to find a solution to 8-bit PNGs.

    8-bit PNGs are really useful for generating much smaller files. Since PNG already produces quite large files, an 8-bit can significantly reduce the size with little noticeable loss of quality.

    Any other solutions?

Topic Closed

This topic has been closed to new replies.

About this Topic