Transparent PNG background prints as semi-transparent

[aTomician]

I've designed a flyer in Illy which has some PNG's with transparent background.  When I print this out, all the PNG's have a faint, white, semi-transparent background where they should be fully transparent.  I've tried changing several print options as below:

Default print (setup for best quality print)

- Results in the faint white backgrounds as described

Default print, but  Advanced > Overprints set to "Discard"

- Results in the faint white backgrounds as before

Default print, but  Advanced > Print as Bitmap checked

- This prints out correctly!  However what seems strange, is that instead of the page being slightly darker, the whole page colour is the same colour as where the transparent PNG's had lightened it in previous printouts.  Ie, the page colour is the same colour as the "transparent" PNG backgrounds, where the PNG background was lighter in comparison to the surrounding page background.

Default print, but in the printer setup preferences, I changed the Print Finishing option to "Raster"

- Same result as checking the "Print as Bitmap" box, except slightly more vibrant overall

Tried saving as PDF and print from Acrobat with same print settings

- Results in the faint white backgrounds as described

Tried changing document colour mode to RGB

- Results in the faint white backgrounds as before

Does anyone know why this does this, or any suggestions as to what makes this happen?  In the default, the color handling is always set to "Let Illustrator determine colors".  Does this have anything to do with the "Document Raster Settings" in the Effects panel?  I've come up against this issue several times, and in sending files to print, a couple of printers we've used have had the same issue, but others don't seem to.

Any advice or help would be appreciated.  I can use the "Bitmap" option, but I'd like to know if I'm doing something wrong or if there's a problem with my workflow.

[John Mensinger · Accepted solution]

Tomy-rex wrote:

I'd like to know if I'm doing something wrong or if there's a problem with my workflow.

There's a problem with your workflow because you're doing something (several things) wrong.

1. You're using the wrong image format for printing. PNG and its transparency are not intended for print-destined workflow.
2. Wrong choice #1 is compounded by the fact that you're using the wrong application for page layout. InDesign is much better equipped for mixing raster elements, vector elements, color, and transparency, in page layouts destined for print.

Sussing out the exact nature and direct cause of your output problems would require first-hand analysis of the file(s), but I suspect your RGB image files with PNG transparency are in "transparency blend space" conflict with (the colors used in) the underlying content. Perhaps the transparent image areas are interacting with spot colors. The color modes of the document and all the vector objects in it are in play and likely mix-mismanaged.

You might be able to save it by flattening transparency and/or processing to PDF before printing (as opposed to printing directly from Illustrator), but the particulars of how you'd do that are dependent upon exactly what's in the file.

[aTomician]

Hi John,

Thanks for your reply.

1. If I don't use PNG for my printing, I'm at loss as to how I can print a cutout picture with graphics added around it, and not get an ugly square background from the image!  The page is red, so having a white square background to the image wouldn't look great!  If you had an image of a product on a white background, can you recommend how to incorporate the image of the product into a print design, without including the white image background around the product?

2. I am not as comfortable with InDesign as with Illy, however I would use InDesign for a multiple page document.  This is a single page flyer and is graphic heavy, which to me makes a lot of sense using Illy.  I would like to say that this problem doesn't happen the whole time, but on some documents, every PNG I use will show this faint background.

I have saved it to PDF using print presets and web presets, but when I print these PDF's from Acrobat, I get exactly the same results - the faint white backgrounds.

I'll have a look at the general colours, I don't think there are any spot colours in use, but will check.

[aTomician]

Having got a moment to call my own, I decided to upload some examples of what I'm doing:

1. This is the artwork - screenshot straight from Illy.

2. This is the scan of the default print.

3. This is a scan of the print, printed with the "Print as bitmap" option checked.

Print as bitmap and the "Raster" print option in the print preferences are the only options i can find that make a difference to the way it prints.  Hope these help to show what I'm seeing.

Glad of any comments

[PrepressPro1]

Can the PNGs be opened in Photoshop and saved out as native Photoshop file and relinked into Illustrator?

[aTomician]

I just tried experimenting.

I opened up one of my saved PSD images where I had cut out the product as a clipping mask.

Saved it as a PNG, and then also tried the Export function and tried the save for web option.

I placed the PSD file, the saved PNG and the exported PNG alongside each other in a file.  Printed the document out on a plain red CMYK background.  All 3 images had the faint background to them.

Someone else mentioned TIF files in another post.  In some way it felt like I was going back to the Ice Age and pulling out woolly mammoths, but I tried saving as a TIF anyway.  Same thing happened.

Note that this is all without any spot colours etc.  Nothing is set to overprint.

My conclusion so far is that any kind of image type with transparency will print out with the transparent part of the image being slightly opaque, rather than fully transparent - UNLESS printed with a bitmap / raster option checked somehow.

[Monika Gause]

Besides what everyone already wrote about PNG print workflows: you might want to research the yucky discolored box syndrome. THere's an article on InDesignsecrets that covers the issue thoroughly.

And maybe also get some background on transparency. There's the Designer's guide to transparency by Adobe. It's a free PDF that everyone should have read before they apply something as simple as a drop shadow.

[aTomician]

Just tried creating 2 new documents, one with Illy's default "Print" profile, and the other with the default "Web" profile.  In both of them, I drew a square box as a background, and gave the box the same colour - not a spot colour, I used the colour picker and then copied the colour values across.

In both documents, I placed the same 2 images, and printed both documents out.  The images in both documents had same the faint background where they should be transparent, so the RGB colour mode obviously makes no difference either.

[amandatonco]

I had this same problem and was able to resolve it. After finishing the document in illustrator, you have to save the file as a JPG with maximun resolution, and after doing so, print the file. This will blend all of the layers-properties and you won't be able to see the transparent box. Supposedly this happens because the PNG is in RGB format and the drawing is in CYMK (or viceversa), the JPG format unifies the file.

[amandaj30549547]

Thank you!!!  This solution worked for me.

[Chad5CB3]

Thanks, I was pulling my hair out trying to resolve this issue as well.  Saving as a JPG to print was the key to the work around. 

[lauram225916]

Really, this seems like a problem with illustrator? But if this works then I will do it!

[lauram225916]

And this worked for me, too. Thanks!

[Timberline Creative Arts]

I'm having the same problem in InDesign. Never had a problem with PNG files in the past but I designed a logo in Canva and expoted it as a PNG, but when I import it into InDesign I get the same problem as described here. Tried to eliminate the "smokey background box" in the PNG file by reconstructing the logo in both Photoshop and Illustrator, both to no avail. The solution below did not work for me so it must be something weird the the export from Canva....

[Monika Gause]

Please research the Yucky discolored box https://creativepro.com/eliminating-ydb-yucky-discolored-box-syndrome/ 

[Timberline Creative Arts]

Thanks. I appreciate the response. While somewhat better, I now have a "textured" box that is still showing up. The top and bottom edges of the "box" are especially noticable and the type isn't as clean, although the latter problem can be fixed in a different way. The other interesting thing is that the "box" edges are more noticible on lighter backgrounds, although the "texture" is still there.

[Monika Gause]

Please show screenshots.

Or better: upload your file and all the linked files.

[lauram225916]

Here is a scan of the printout. I printed directly from AI. I have also tried to save as pdf and print the pdf with the same result. The background does not show up on the display but shows up when printing. The packaged file is too large to load. The logos are .png files

[Monika Gause]

That looks like the Yucky discolored Box.

https://creativepro.com/eliminating-ydb-yucky-discolored-box-syndrome/

[Alex34728700txjh]

I've tried all the suggestions on here and, while they partially work, I discovered that if I print direct from Indesign, eevrything works perfectly. If I, however, export the file as a PDF and try to print it from that, the light grey box appears. From the posts on here, I worked out that if I group everything on the page (still from Indesign, but I'm guessing the same principle will work for other programmes), export that grouped image as a JPG or PNG (doesn't matter which), then import it back into my Indesign document, then export as a PDF, everything prints perfectly. Some people might be saying, "well, why don't you just keep printing it from Indesign then?) - good point. I have been using InDesign and Xerox printers for years, printing straight to the printer from InDesign, but all of a sudden the combination of MAC OS, Xerox OS and Adobe, all conflict with one another. My Mac is too old to accept any new upgrades, and when I bought a new Mac, suddenly my Xerox printers are now too old and I cannot print directly to it, so I have to export my files as PDF's, then import them directly to the Xerox Fiery. This is when the dreaded white box appears. So now I have found the solution (partially). It would be nice if Xerox and Adobe would get together and solve this issue.

[HPWGVA]

Just found a workaround myself : 

Exported my design in JPEG. 

Added the JPEG on a new Illustrator doc.

Export the doc in PDF.

Print.

¯\_(ツ)_/¯

[Monika Gause]

An export wouldn't have been necessary.

Rasterising the part that gives issues would be sufficient.

That is something the linked article mentions as well.

[Alex34728700txjh]

I find that rasterisation only takes place when you export it as a JPG or PNG, then import it back in. Is there another way to rasterise an image from within InDesign?

[Monika Gause]

This is the Illustrator forum. JUst use Object > Rasterize in Illustrator.

[Alex34728700txjh]

My apologies. That's the worst bit about search engines, and people (like me) not paying attention to the address bar ;-D I have always done my printing from InDesign, so didn't think the problem would have been there when printing a vector directly from the vector program. Anyway, the solution is the same in both programs. I was hoping I had missed a tool in InDesign - don't know why Adobe doesn't incorporate some of these useful tools in all their programs, especially when they must know this flaw exists and rasterising would be a good workaround.