Skip navigation
Currently Being Moderated

PNG in shaded area

May 3, 2012 7:06 PM

I've added a shaded area into a topic and then added a png image into that area.  The background of the image is not the same as the shaded area.  I know the


Is this by design or am I doing something wrong?



  • Currently Being Moderated
    May 3, 2012 10:00 PM   in reply to googoohead

    You will have to edit your image in your image editing tool and specify that the background colour is to be transparent. How you do it will depend on the tool, but look for menus like "Set palette transparency" and an option "Set the transparency value to the current background colour". Most tools also let you manually specify a colour/palette location but if your background colour is not used elsewhere in your image, the option I mention above is the easiest way.


    Mark as:
  • Currently Being Moderated
    May 4, 2012 6:57 AM   in reply to googoohead

    What does the HTML look like just before and after the image?

    Mark as:
  • Currently Being Moderated
    May 4, 2012 7:26 AM   in reply to googoohead





    Which version of RoboHelp are you using? Do you see this behaviour only in the Design editor or also in your output? RoboHelp 8 doesn’t show transparent PNG’s correctly in the design editor, but they work in the output.









    Mark as:
  • Currently Being Moderated
    May 7, 2012 7:11 AM   in reply to googoohead

    I'm using RH version and I just copied your code into a help topic. I changed the image file to one on my own system. I get the same results. This happens in Designer, in the preview (eyeglass icon), and the HTML Help version.


    So then I took a normally functioning paragraph elsewhere in the topic. I added my image to that, then highlighted the paragraph and applied a grey highlight. I had the same problem you did; my image, even though I thought it was a transparent image, is white.


    Finally, I took a .PNG image, opened it in SnagIt, and saved it as GIF, making sure that I marked transparency and chose the color to be transparent. This worked.


    I did a Google search on ".PNG not transparent" and there were a lot of hits, but I didn't investigate them.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points