Highlighted

PNG images not displaying properly when generating a PDF in FrameMaker 2019

Community Beginner ,
Sep 13, 2018

Copy link to clipboard

Copied

I recently upgraded from FrameMaker 2017 to the TCS suite (FrameMaker 2019). I have a couple of documents that were created using older versions of FrameMaker and that contain png images. These images have always displayed just fine when generating the PDF output. Now that I am using FrameMaker 2019, some of the png images appear completely black (they have a transparent background) in the generated PDF. The images look fine when I'm in FrameMaker itself. This does not occur with all of my png images. I can't figure out what is different between the affected files and the files that are generated correctly.

Has anybody else seen this issue or have any ideas how to fix it?

TOPICS
Formatting and numbering, PDF output

Views

3.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

PNG images not displaying properly when generating a PDF in FrameMaker 2019

Community Beginner ,
Sep 13, 2018

Copy link to clipboard

Copied

I recently upgraded from FrameMaker 2017 to the TCS suite (FrameMaker 2019). I have a couple of documents that were created using older versions of FrameMaker and that contain png images. These images have always displayed just fine when generating the PDF output. Now that I am using FrameMaker 2019, some of the png images appear completely black (they have a transparent background) in the generated PDF. The images look fine when I'm in FrameMaker itself. This does not occur with all of my png images. I can't figure out what is different between the affected files and the files that are generated correctly.

Has anybody else seen this issue or have any ideas how to fix it?

TOPICS
Formatting and numbering, PDF output

Views

3.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 13, 2018 0
Adobe Employee ,
Sep 13, 2018

Copy link to clipboard

Copied

norasmart

Where have you tried opening pdf, Acrobat Reader or Browser?

Browser doesn't render some kind of image properly, try opening it on Acrobat Reader.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 13, 2018 0
Adobe Employee ,
Sep 14, 2018

Copy link to clipboard

Copied

If you have any such images, please email at sauagraw@adobe.com.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 14, 2018 1
Explorer ,
Oct 02, 2018

Copy link to clipboard

Copied

I have this problem too. All the graphics in our manuals use a drop-shadow which is created in Photoshop. The shadow fades into a transparent background however in FM 2019 the background is just black so there is an ugly black background around the graphics.

It is easy to reproduce so I'm quite surprised that few people have complained - maybe not many people use transparent PNGs.

Below is a simple test I made with a red circle on a transparent background.

This is what it looks like in the FM 2019 UI:

Capture_FM_UI.PNG

This is the resultant PDF (in any viewer on any platform).

Screen Shot 2018-10-03 at 14.27.45.png

This was created using the "use distiller" option as I can't use the new built-in PDF engine as it converts all colours to CMYK (another bug I've logged).

It appears that FM is simply ignoring or incorrectly multiplying the alpha channel from the PNG file.

Please can this be fixed ASAP.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 02, 2018 0
Explorer ,
Oct 02, 2018

Copy link to clipboard

Copied

I repeated the test using the new built-in PDF engine and it renders the transparency correctly, so this appears to be a bug when using the Acrobat Distiller option. Unfortunately I cannot use the built-in PDF engine as it converts all internally generated colours to CMYK, regardless of their originally defined colour space (see https://forums.adobe.com/thread/2527748)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 02, 2018 0
Adobe Employee ,
Oct 02, 2018

Copy link to clipboard

Copied

Hi,

We will address the color conversion problem very soon in an update.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 02, 2018 0
Explorer ,
Oct 02, 2018

Copy link to clipboard

Copied

That's great news!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 02, 2018 0
Community Beginner ,
Jan 08, 2019

Copy link to clipboard

Copied

Has this been updated? I just installed the update #2 and while my images worked correctly before the update (which fixed other .pdf issues) they now are either just black squares or the colors render completely wrong.

My current version is 15.02.503

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 08, 2019 0
Adobe Employee ,
Jan 08, 2019

Copy link to clipboard

Copied

@anneq090909

Can you share a few sample png with this issue and are they rendering wrong in FrameMaker UI or in the PDF?

Thanks

Amitoj Singh

email: amitosin@adobe.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 08, 2019 0
New Here ,
Jan 09, 2019

Copy link to clipboard

Copied

I have a problem with png, too. PNG images were cut off on the top in the pdf output.

2019-01-09_17h03_57.png2019-01-09_17h07_36.png2019-01-09_17h03_38.png

In the output for pdf review, I have an black background

2019-01-09_17h05_00.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 09, 2019 1
Community Beginner ,
Jan 09, 2019

Copy link to clipboard

Copied

We switched to the 64-bit version and while it is significantly slower in rendering .pdfs, the images now show up OK.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 09, 2019 0
Adobe Community Professional ,
Jan 09, 2019

Copy link to clipboard

Copied

anneq090909​ - are you using the new Publish to PDF method or the older Print/Save As PDF methods? I ask because the new Publish route uses a new engine that's considerably faster in PDF creation.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 09, 2019 1
Community Beginner ,
Jan 09, 2019

Copy link to clipboard

Copied

i was using Save As PDF. I'll try the Publish feature and see how that works!! Thanks for your help.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 09, 2019 0
Adobe Community Professional ,
Jan 09, 2019

Copy link to clipboard

Copied

Make sure you've applied any updates as there were colour management issues (as mentioned in the top of this thread).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 09, 2019 0
Engaged ,
Jan 10, 2019

Copy link to clipboard

Copied

Jeff_Coatsworth  schrieb

anneq090909  - are you using the new Publish to PDF method or the older Print/Save As PDF methods? I ask because the new Publish route uses a new engine that's considerably faster in PDF creation.

Jeff,

the "Save as PDF" method uses the complete parameter set from the publish pod, except the file name and location (this feature has been added later). So the difference you're looking for is probably distiller usage or not, which is also selected in the publish pod.

Bernd

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2019 0
Community Beginner ,
Jan 10, 2019

Copy link to clipboard

Copied

Hi Jeff,

Yes, we have applied all applicable updates.

Also, when I try to use the Publish feature to create a pdf file, I don't see PDF as an option:

Is there a setting I'm missing somewhere?

Anne

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2019 0
Adobe Community Professional ,
Jan 10, 2019

Copy link to clipboard

Copied

This FM2019? I don't think WebHelp exists as an output anymore...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2019 0
Community Beginner ,
Jan 10, 2019

Copy link to clipboard

Copied

Jeff, you are right. I inadvertently opened this instance in 2015. When I correctly open it in 2019 I see the .pdf option. Thanks for your help!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2019 0
New Here ,
Mar 01, 2019

Copy link to clipboard

Copied

This is happening with tiff files as well. Just wanted to give a heads up, the publish feature does take care of the issues though.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 01, 2019 0
Adobe Employee ,
Mar 03, 2019

Copy link to clipboard

Copied

Just to update, we have fixed the bug around this in Update 3 (beta build). In case you would like to try it out , please drop me an email at amisingh@adobe.com

Thanks

Amitoj Singh

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 03, 2019 0
Community Beginner ,
Dec 18, 2019

Copy link to clipboard

Copied

I am having this same issue with PNG images with transparent backgrounds. Please provide a fix.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 18, 2019 0
Adobe Community Professional ,
Dec 18, 2019

Copy link to clipboard

Copied

@ManualMan - You know that this is a user-to-user forum, right? What version of FM are you using? Is it completely up to date?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 18, 2019 0
Adobe Community Professional ,
Dec 18, 2019

Copy link to clipboard

Copied

Are you using FM2019? If so, are you fully up-to-date on it? When you open Help > About FrameMaker, you should see version 15.0.4.751.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 18, 2019 0
Community Beginner ,
Dec 19, 2019

Copy link to clipboard

Copied

I am updating now (I had thought FM was already at the latest version). Hopefully that will resolve the issue. Thanks!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 19, 2019 0
Community Beginner ,
Dec 19, 2019

Copy link to clipboard

Copied

Issue resolved! Lesson learned - always check for an update first before seeking out a solution!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 19, 2019 0
Community Beginner ,
Jan 14, 2020

Copy link to clipboard

Copied

Hi, my version of FM is 15.0.4.751. All transparent PNG images have a black background if I generate a Responsive HTML-5 output. They look fine when I generate a PDF, but when I generate HTML documentation they look like this:

Capture.PNG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2020 0
Adobe Community Professional ,
Jan 14, 2020

Copy link to clipboard

Copied

Hi AntonTyupin,

 

When you convert to HTML5, what's your graphics format? Default is JPG.

In the folder with the assets there are the converted graphics files. How do these look like, when you open them with your graphics editor or viewer?

 

Best regards

 

Winfried

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2020 0
Community Beginner ,
Jan 15, 2020

Copy link to clipboard

Copied

Hi Winfried, as I said above, my graphics format is PNG. I need my icons to be transparent because the text background is not always white (as in the snapshot I have attached in my message above). So after I convert to HTML5 all the images in the assets folder have a black backgound instead of transparent. If I open it with a graphics viewer it looks like an image with a black background and there is a white frame around it which is probably the FM anchored frame:

 

Capture.PNG

 

And this is the original image:

masterActions.png

And this is how it looks like in the FM project:

Capture.PNG

 

And then in HTML5 all the backgounds are suddenly black 😞

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2020 0
Adobe Community Professional ,
Jan 17, 2020

Copy link to clipboard

Copied

Hi AntonTyupin,

 

I just had a png file with transparency, and several of my graphics viewer (IrfanView) showed the transparent parts as black. Other viewers show white and some show the correct transparency.

 

When you say that your graphics viewer shows a white line around the graphics, does this mean that your graphics were converted to another format? Otherwise there shouldn't be any line.

Or are they unchanged in the HTML5 asset folder?

How do the graphics in the HTML5 asset folder look like, when you open them with your graphics editor (Illustrator, Corel Photo-Paint, etc.)? Is there still the transparency?

How is your PNG file shown, when you open it in your browser? I noticed that Firefox shows the transparency as white, Internet Explorer shows black. Possibly it's just a limitation of the viewer?

 

Best regards

 

Winfried

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 17, 2020 0
Community Beginner ,
Jan 21, 2020

Copy link to clipboard

Copied

1. When you say that your graphics viewer shows a white line around the graphics, does this mean that your graphics were converted to another format?

- Exactly, all the transparent PNG files are converted to PNG images with a black backgound (not transparent) and there is a tiny white frame around each image. I checked that in a graphics editor. It's black non-transparent background.

E.g.

Capture11.PNG

2. How is your PNG file shown, when you open it in your browser? I noticed that Firefox shows the transparency as white, Internet Explorer shows black.

- Right, the original PNG is opened with a white bg in Firefox and with a black bg in IrfanView, but that's not the reason for my problem. My problem is that FM turns transparent PNGs into non-transparent ones!

 

And here's what it does with a small transparent info icon.

The original before HTML-5 conversion in FM2019:

Capture0.PNG

Result after HTML-5 generation in FM2019:

Capture.PNG

The icon has been converted into some mess with a white non-transparent bg! 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 21, 2020 0
Community Beginner ,
Jan 21, 2020

Copy link to clipboard

Copied

1. When you say that your graphics viewer shows a white line around the graphics, does this mean that your graphics were converted to another format?

- Exactly, all the transparent PNG files are converted to PNG images with a black backgound (not transparent) and there is a tiny white frame around each image. I checked that in a graphics editor. It's black non-transparent background.

E.g.

Capture11.PNG

2. How is your PNG file shown, when you open it in your browser? I noticed that Firefox shows the transparency as white, Internet Explorer shows black.

- Right, the original PNG is opened with a white bg in Firefox and with a black bg in IrfanView, but that's not the reason for my problem. My problem is that FM turns transparent PNGs into non-transparent ones!

 

And here's what it does with a small transparent info icon.

The original before HTML-5 conversion in FM2019:

Capture0.PNG

Result after HTML-5 generation in FM2019:

Capture.PNG

The icon has been converted into some mess with a white non-transparent bg!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 21, 2020 0
Adobe Community Professional ,
Jan 21, 2020

Copy link to clipboard

Copied

Hi AntonTyupin,

 

Can you report this as a bug in the Adobe bug tracker (with a link to the discussion here)?

https://tracker.adobe.com/#/home 

 

Can you send this info also to the Adobe support (with a link to the bug report)?

tcssup@adobe.com 

Possibly they can help you.

 

Best regards

 

Winfried

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 21, 2020 1
Community Beginner ,
Jan 21, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 21, 2020 0