Web Objects blurry, especially text
Jan 24, 2019
Pinned Reply
Hello Everyone!
I'm happy to share that we have released Storyline 360 version 78 (Build 3.78.30680.0)!
Included in this release is the fix for the bug: HTML5: Web Objects With Images Are Blurry.
Now all you need to do is update Storyline 360 in your Articulate 360 desktop app on your computer. You'll find our step-by-step instructions here.
Please let us know if you have any questions by reaching out to our Support Engineers directly.
Have a great day!
58 Replies
This didn't fix it for me. I even deleted the existing thumb pictures (from before I updated) and reuploaded (after updating).
My images (with text) were created in Adobe Illustrator plenty big enough and exported as a png. They are fine when uploaded to the slide as a picture, just not as a slider thumb.
I can see that the picture is automatically being resized to small, making me have to enlarge it manually (which is where the resolution loss is coming from).
Are there any other ideas?
Hi Darrell,
Welcome to the E-Learning Heroes Community! 🎉
I'm happy to chime in! I tried using a picture as a slider thumb image, and it was scaled correctly—no need to resize, as shown below:If you're already using the latest Storyline version, it would be helpful to see the Storyline file and the images to understand why they are blurry when used as slider thumb images. Do you mind attaching your project and the images to this discussion or privately in a support case? We'll delete it when we're done testing!
Hi Jürgen. I've tried your code which has fixed the blurry problem on my embedded pdf. However, I'm now getting a duplicate window in the bottom of my web object. Any idea how to fix this please?
I used this javascript code that you suggested:
since Storyline 3.79 the JavaScript patch is no longer necessary
deselect "Scale with slide"
https://360.articulate.com/review/content/d097cb64-22ff-4a8b-a218-0f4eced4f7a6/review
If this does not work for you, upload a .story file with the problem as an attachment here
Thanks Jürgen. De-selecting "scale with slide" sorts out the quality issue. However, now I've lost the bottom half of my PDF scroll bar as seen here:
https://360.articulate.com/review/content/ef12a725-4850-4ee5-bfdb-5b6757e0837e/review.
I've uploaded my .story file so that you can see what I've done. Slide 1.1 is my output slide. Slides 1.2 and 1.3 explain the process I used to embed the PDF and the html code. I don't know if there's an easier way?
Thanks very much for your help!
your index.html is very strange - here is a much simpler version of the file
(the pdf not integrated with an iframe, but with a html object tag)
Hi, I have checked an I am using the latest Storyline version as of March 2024. But I am still finding when adding an online pdf via a url link that the text is still showing as blurry. any other tips on how to fix this?
Hi Jürgen, I wanted to thank you for your help in this thread.
Both the index.html file and JavaScript worked a treat!
Thank you 😀