Forum Discussion
The published file has a line around images where they don't exist in the Storyline 360 source. Can anyone help?
I've attached clips from both the Storyline 360 source and the published version. This is one example of many that are making the output look horrible. Can anyone help me understand why this is happening and let me know what the solution is?
- Jürgen_Schoene_Community Member
how are the images imported - "import image", copy from powerpoint, ... ?
which format are the images (jpg, png) ?
(it should png for your kind of images)are the images importet with storyline version 3.62 or before ?
(there was a fix for import png - without transparency - in version 3.63, April 2022)please upload a .story file with the problem - one slide is enough
- JoeGanciCommunity Member
Good questions! You just gave me an idea. I'll be back when I succeed or fail.
- JoeGanciCommunity Member
Well, my idea didn't pan out. I thought I'd try creating a new file with three slides. On the first, I imported the slide from PPT. On the second, I copied elements out of PPT and then pasted into SL. On the third, I exported the images from PPT and imported them into SL.
All three look fine. Could it be a setting in the file or perhaps there's corruption? I really am not sure.
I've attached the one slide requested. Jürgen or anyone who can help, please let me know.- Jürgen_Schoene_Community Member
you have problems with the storyline feature "zoom image"
I have disabled one of the four zoom functions, here is the result
=> the storyline convert from the 100% size to the preview image does not work properly
you should open a support casesend them
- your one slide example
TIP: if you save .story 2x after deleting slides, the filesize will be reduced extrem (121 MB -> 3 MB)
- a link to this threadJürgen
here are some technical infos for the support
- the resize function for creating "zoom preview image" for PNG images has a bug
here the publish folder "mobile/"- 4 original PNGs
- 4 created JPG (Shape... .jpg)6kGf6jo89Iz.png (fullsize): no border
Shape6n3qsB6FE5j.jpg (genereated by storyline while publishing): with grey border
UPDATE: attachment -> minimal example (created with 3.67) with one zoom picture
result:
https://360.articulate.com/review/content/c5e0628e-a430-4c30-9584-117c576ef5d0/review- Jürgen_Schoene_Community Member
i don't think articulate will fix this bug quickly, so i would cover the gray edges with white rectangles - luckily there is no background image
Jürgen
- PhilMayorSuper Hero
I find this still happens whatever the version, I crop out the line in storyline when it happens.
- JoeGanciCommunity Member
Thanks, I've done that with a few of the images and usually that works.
- PhilMayorSuper Hero
You should be able to crop them out
- Jürgen_Schoene_Community Member
yes, that a good idea
for some images cropping left has to be 2px
result:
- JoeGanciCommunity Member
Again, thanks. I've determined now that this is happening only on those that have the zoom option. It's happening on every one of them except for one, which I find intriguing. I'll check with my client as to how important this is to them. Cropping some of them will be difficult because the image goes right to the edges, which means I'll have to take into Photoshop, make the stage a little bigger than the image, then crop the resulting image.
Thanks again!- PhilMayorSuper Hero
Yea, looking at the files Jurgen provided screenshots for the pngs are getting converted to jpgs.
If you view them in the media library you will be able to round trip the edit in photoshop so that will make your life a little easier.
Sent from my iPhone
- Jürgen_Schoene_Community Member
another fix - add a outline with borderwidth 1px
result: left without border, right with border 1px white
and now something very strange
now the small preview is an PNG with transparency, not a JPEG
(scaled screenshot in photoshop of the Shape.. .png)
result:
border none -> small preview is JPG with grey border
border 1px white -> small preview is PNG with transparencythe articulate developers should really check their scaling routine
Jürgen
- PhilMayorSuper Hero
I much prefer the border solution. As I often find cropping degrades the image quality. Thanks
Sent from my iPhone
- JoeGanciCommunity Member
Wow, you guys are good! I'll let you know how it turns out.
- JoeGanciCommunity Member
Thank you, guys! Adding a white frame around the images that are being zoomed works well!
- Will_FindlayCommunity Member
Thanks! This worked for me as well. Thank you for redirecting me here, Jürgen! Nice to see you Joe! (My new post asking the same question is here: Storyline published output adds rectangular border around certain images. - Articulate Storyline Discussions - E-Learning Heroes )