I noticed this thing several times: if i use a png/gif picture with a white background, when previewing or publishing it is displayed with a black thin border/artifact on the bottom side.
it happens with png8 (not with png24). If i export in png24 the rendering bug will not occur.
i attach the file and a screenshot of the published version. This things happens with different images, only if they are png8 or gif, but not always, and this makes me mad!
I'm no Graphic Designer, but it appears that 8-bit PNG images are hard to come by, and here is the first one I found via a Google Image Search (please excuse the silliness).
Here is the resulting .story project file, and here are the published results. Again, no unexpected black borders.
I certainly believe that you are experiencing the problem, but I just can't reproduce it with an independent image. To this end, I'd like to ask that you send us one of your images so that we can take a closer look. Thanks!
thanks Justin, here attached is the example of the image i used. Sometimes it generates that strange border depending on the position you put the image in the screen.
It happened to me several time also using some logo in png8 or gif with no transparency (white background)
I have submitted Articulate Support Case Number 00343089 on your behalf. You should expect to hear from a member of our team very shortly, and I will be following along with your Support Case as well.
Please let us know if you need anything else. Thanks!
Just to say I've experienced the same problem with png files. I have a screengrab widget which must save to png8 I guess, as I notice the problem when using the widget's output. Here's an example - if I drop this into Storyline, the iPad player version has a faint hairline around it - both preview and desktop web based version seem ok.
...interestingly, I notice that the image above has a grey hairline also. I checked the file Photoshop - it is an 8bit png, and white all the way to the edge. I converted it to a 16bit png, resaved, reimported to Storyline, republished, and the irksome hairline in the iPad player version went away.
So looks like you're both right - perhaps a problem with the output of 8bit pngs to ipad player?
7 Replies
Good Afternoon Zio, and thanks for taking the time to report this behavior!
A quick Google search for images with white backgrounds results in this .png image and this .gif image. When I insert them into a .story project file, I'm not seeing any unexpected black borders in the resulting published output.
If you can reproduce this with a specific PNG/GIF image, would you mind sending it to us as part of a Support Case so that we can take a closer look? Thanks!
it happens with png8 (not with png24). If i export in png24 the rendering bug will not occur.
i attach the file and a screenshot of the published version. This things happens with different images, only if they are png8 or gif, but not always, and this makes me mad!
Hi, Zio.
I'm no Graphic Designer, but it appears that 8-bit PNG images are hard to come by, and here is the first one I found via a Google Image Search (please excuse the silliness).
Here is the resulting .story project file, and here are the published results. Again, no unexpected black borders.
I certainly believe that you are experiencing the problem, but I just can't reproduce it with an independent image. To this end, I'd like to ask that you send us one of your images so that we can take a closer look. Thanks!
thanks Justin, here attached is the example of the image i used. Sometimes it generates that strange border depending on the position you put the image in the screen.
It happened to me several time also using some logo in png8 or gif with no transparency (white background)
Hello again, Zio.
I have submitted Articulate Support Case Number 00343089 on your behalf. You should expect to hear from a member of our team very shortly, and I will be following along with your Support Case as well.
Please let us know if you need anything else. Thanks!
Hi -
Just to say I've experienced the same problem with png files. I have a screengrab widget which must save to png8 I guess, as I notice the problem when using the widget's output. Here's an example - if I drop this into Storyline, the iPad player version has a faint hairline around it - both preview and desktop web based version seem ok.
...interestingly, I notice that the image above has a grey hairline also. I checked the file Photoshop - it is an 8bit png, and white all the way to the edge. I converted it to a 16bit png, resaved, reimported to Storyline, republished, and the irksome hairline in the iPad player version went away.
So looks like you're both right - perhaps a problem with the output of 8bit pngs to ipad player?
regards,
Steve.
Thanks for adding your example to the mix, Steve.
I've been unable to reproduce this behavior when outputting your image to HTML5 and viewing it on my iPad:
Would you mind sharing your .story and .png files with us in a Support Case so that we can take a closer look? Thanks!
This discussion is closed. You can start a new discussion or contact Articulate Support.