That does sound weird. Can you clarify how you're inserting the logo image? If you're copying and pasting, try inserting the file on the master instead.
Does it only get fuzzy after publishing, or when you're previewing as well? Are you changing the image quality at all when publishing?
Have we found a solution to this problem? When I edit the button on the master slide the image is clear. Once I exit edit states the image gets fuzzy again. Images are included so you can see what I mean. First image is the blurry image after I have finished editing the state of the image. The next is the original. The last is how the image while in edit button states.
I don't see that Keith replied to this thread, nor did he ever open up a Support case. You mentioned you're editing the state of the button - but I don't see what you're editing it to? I see the trigger you've added to it. Is it possible for you to share the .story file here with us, or if you'd prefer you can share it with our Support team privately.
I noticed that the button reverted back to a hi-res button in the editing state. You don't have to edit it. Simply going into edit states shows the original button in hi-res. Then when you exit out of editing the state the button goes back to a low-res state.
Thanks for sharing the actual file with me - looking at it now, are you zoomed in beyond 100%? When I view the image, I see it as the below screen shot, where it doesn't look blurry or pixelated. I then went into your Slide master to go to "Edit states", and only then within the context of editing it does it look a bit blurry - but the original on the slide stays in a normal quality.
So I'm not able to replicate the low image quality you're showing.
I have gone though the steps to recreate the issue in this screenr https://player.vimeo.com/video/204932856 I am zoomed to 140%. There is a marked difference from how it looks once you edit the state to how it looks onces you exit the master slide. Let me know if you have any questions.
Thanks for sharing - because you're using a PNG file, there will always be blurriness when zooming in as it won't scale correctly. The way around this would be to use a higher resolution image, and the effect will be lessened when zooming in. You may want to use a vector image instead (unless you're publishing for AMP/HTML5 as the vector images will not work correctly).
As for why it's showing up differently when editing the states, it's looking at the original image that became a part of the file when you inserting it, not the zoomed in image.
I know this is an almost 2 year post and I had the same problem when creating a background image with logos for the slide master using PNG image. The logos looked crisp in Articulate Storyline and once published, the output is blurred.
I have resolved this issue by converting my image into a 5-frame MP4 video file and insert the video file in slide master. I then set the order by sending the video file to the back.
Once I published the project, since I used SL1, I go into the story_content folder and overwrite the output MP4 file with my source MP4 file. The output background is crisp and as a bonus, my MP4 file size is smaller than my original PNG file (35kB vs 47kB - 1600 x 900 resolution)
I want to add that this fuzzy background issue is still occurring in Storyline 3 when using a background image in a slide master. My workaround is to manually update the background image file(s) in the published output, which works, but it is not an ideal solution. This still needs to be addressed. Changing your publishing settings to 100% image quality still results in a fuzzy background.
Sorry to hear that you're running into an issue with this in Storyline 3. I'm not seeing any reported issues of this, so if you could share your .story file so that we could take a look, that would be helpful in understanding.
If you cannot share it here in the forums, you are welcome to share here privately.
Leslie - I appreciate you commenting here. It is possible the email didn't reach me because this heroes account I opened uses my personal email but I entered my work email in the ticket itself. I added the support email to my safe senders address for both accounts so I'm not sure what is happening. I did reply back to the forwarded email but haven't heard anything since. P.S. We should return to this thread and delete these replies once we can actually share some info relevant to this thread :)
16 Replies
Wow! It gets even weirder.
If I place a copy of the logo image anywhere on the slide and publish, the master slide image looks fine.
If I remove the logo image on the slide (and just have the logo image on the master) and publish, the master slide image gets fuzzy again.
Hi Keith,
That does sound weird. Can you clarify how you're inserting the logo image? If you're copying and pasting, try inserting the file on the master instead.
Does it only get fuzzy after publishing, or when you're previewing as well? Are you changing the image quality at all when publishing?
Thanks!
Hello,
Have we found a solution to this problem? When I edit the button on the master slide the image is clear. Once I exit edit states the image gets fuzzy again. Images are included so you can see what I mean. First image is the blurry image after I have finished editing the state of the image. The next is the original. The last is how the image while in edit button states.
How can I get a clear image all the time?
Hi Michael,
I don't see that Keith replied to this thread, nor did he ever open up a Support case. You mentioned you're editing the state of the button - but I don't see what you're editing it to? I see the trigger you've added to it. Is it possible for you to share the .story file here with us, or if you'd prefer you can share it with our Support team privately.
Hello Ashley,
I noticed that the button reverted back to a hi-res button in the editing state. You don't have to edit it. Simply going into edit states shows the original button in hi-res. Then when you exit out of editing the state the button goes back to a low-res state.
Hi Michael,
Thanks for sharing the actual file with me - looking at it now, are you zoomed in beyond 100%? When I view the image, I see it as the below screen shot, where it doesn't look blurry or pixelated.
I then went into your Slide master to go to "Edit states", and only then within the context of editing it does it look a bit blurry - but the original on the slide stays in a normal quality.
So I'm not able to replicate the low image quality you're showing.
Good morning,
I have gone though the steps to recreate the issue in this screenr https://player.vimeo.com/video/204932856 I am zoomed to 140%. There is a marked difference from how it looks once you edit the state to how it looks onces you exit the master slide. Let me know if you have any questions.
Hi Michael,
Thanks for sharing - because you're using a PNG file, there will always be blurriness when zooming in as it won't scale correctly. The way around this would be to use a higher resolution image, and the effect will be lessened when zooming in. You may want to use a vector image instead (unless you're publishing for AMP/HTML5 as the vector images will not work correctly).
As for why it's showing up differently when editing the states, it's looking at the original image that became a part of the file when you inserting it, not the zoomed in image.
I know this is an almost 2 year post and I had the same problem when creating a background image with logos for the slide master using PNG image. The logos looked crisp in Articulate Storyline and once published, the output is blurred.
I have resolved this issue by converting my image into a 5-frame MP4 video file and insert the video file in slide master. I then set the order by sending the video file to the back.
Once I published the project, since I used SL1, I go into the story_content folder and overwrite the output MP4 file with my source MP4 file. The output background is crisp and as a bonus, my MP4 file size is smaller than my original PNG file (35kB vs 47kB - 1600 x 900 resolution)
Thanks Jimmy for sharing those steps here - it's always' good to have the other ideas.
I want to add that this fuzzy background issue is still occurring in Storyline 3 when using a background image in a slide master. My workaround is to manually update the background image file(s) in the published output, which works, but it is not an ideal solution. This still needs to be addressed. Changing your publishing settings to 100% image quality still results in a fuzzy background.
Hi Timothy,
Sorry to hear that you're running into an issue with this in Storyline 3. I'm not seeing any reported issues of this, so if you could share your .story file so that we could take a look, that would be helpful in understanding.
If you cannot share it here in the forums, you are welcome to share here privately.
Hi Leslie - FYI on 4/12/18 I opened case number 01332998 for this issue. I'll report back with any relevant findings.
Thanks for letting me know that your reached out Timothy.
Looks like the replies were bouncing back to us - I forwarded to the other e-mail address we have for you and hopefully it reaches you :)
Leslie - I appreciate you commenting here. It is possible the email didn't reach me because this heroes account I opened uses my personal email but I entered my work email in the ticket itself. I added the support email to my safe senders address for both accounts so I'm not sure what is happening. I did reply back to the forwarded email but haven't heard anything since. P.S. We should return to this thread and delete these replies once we can actually share some info relevant to this thread :)
Oh no Timothy.
Looks like it bounced again.
I've forwarded you Renato's latest reply.
This discussion is closed. You can start a new discussion or contact Articulate Support.