Blurry screenshots in Captivate 9

[marcusr22207381]

I'm building an elearning course in Captivate 9. As I'll be demonstration the steps to use a specific workplace app in iOS, I need individual screenshots to show learners each step. I'm using a MacBook Pro with Retina display. Whenever I insert the screenshots and resize to fit the iPhone image so it looks like the app is working on the phone, the images are blurry. By comparison, if I record a Device Demo in iOS the image and video is crystal clear. I've searched high and low to find a solution but nothing has worked. Can anyone help with a fix?

[eLearning Guy]

I would give one of the 3rd-party utilities for this a try. One example is iOS Capture:

http://lemonjar.com/ioscapture/

It allows you to use your mac to capture hi-res screenshots from your iOS device, and it's free.

[marcusr22207381]

Thanks for this, the app is really useful and produces high quality screen captures. It doesn't solve my issue though, this must be a Captivate problem I'm experiencing because all the 3rd party apps I've tried work well but Captivate has ongoing issues with the resolution.

How do I raise this issue with Adobe software engineers directly?

[Lilybiri]

Try to mail to CaptivateHelp@adobe.com.

[marcusr22207381]

Thanks, I've contacted Adobe to submit this issue. I'll post any updates I receive.

[Lilybiri · Accepted solution]

You have to know that if you us bitmap images, you should avoid any rescaling of the images. Create them at the exact size that you'll use them in Captivate, do not use the Rescale option. I know this is not easy with screenshots, but for all other images I will try to use SVG whenever possible.

[marcusr22207381]

Thanks for your help with this Lilybiri, converting my screen capture png file to svg has solved the issue. The images are sharp and crisp with no obvious loss of resolution.

But, as I have just discovered, converting in Illustrator requires some resizing of the canvas and then scaling the image to fit the canvas. To make things even more exciting, creating separate svgs for desktop and mobile works best.

If anyone knows a better way, a more efficient process, I'd like to know.

[eLearning Guy]

I should have mentioned this first -

When you "resize" them you are doing it proportionally, to maintain the aspect ratio of the original screenshot, correct? Also, when published, if you publish to scalable HTML5 that will result in fuzziness because the images get stretched.

If you can post one of the screenshot images to Dropbox or somewhere, I'd be happy to test on my end in a cptx.

mark