Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Captivate 9 Output Looks Pixelated on Retina Display

New Here ,
Mar 26, 2017 Mar 26, 2017

Hello.

Even basic elements such as text captions look blurry, both within the program and (more importantly) on HTML5 published content.

Is there any way to get my text to render with retina quality? The learning interaction "scrolling text" outputs retina-quality text, and I imagine other learning interactions will achieve this also, however I don't want to rely on these just to insert some basic text.

Any pointers would be greatly appreciated, thanks!

436
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 26, 2017 Mar 26, 2017

Those interactions are often using Dynamic Text that gets pulled from variables at runtime.

As a test, try adding some content into a text caption in your project where the content is from a user variable (which would then make it Dynamic Text instead of the usual Static Text.

Does it then look more crisp to you when you publish it?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 26, 2017 Mar 26, 2017

This does cause the text to render with retina quality, but I wouldn't want to make a variable every time I need to display some text. This would be especially challenging where I have multiple paragraphs of formatted text, containing italic, bold etc.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 26, 2017 Mar 26, 2017

Just a follow up on this. Retina text appears to be supported on responsive projects but not fixed-width projects. I'm happy with that!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 26, 2017 Mar 26, 2017

In SWF and normal HTML5 projects the text content gets converted to PNG files.  In Responsive projects it remains in text form.

Are you by any chance rescaling the published content in the normal projects?  Captivate's SWF and HTML5 content will normally only look at its most crisp when displayed at exactly 100%.  If you resize it to a different percentage then you do tend to lose some resolution because you are basically not displaying images at their best resolution.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 26, 2017 Mar 26, 2017

No I am not rescaling, and the text doesn't get converted to PNG, unless web inspector is lying to me!

It certainly is strange as the content is output as html <p> tags so 'normally' the browser would know how to render it.

Given that retina output works on responsive projects though, this is no longer a concern for me as I don't imagine I will be creating content that it not responsive. Can't speak for other people though.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 15, 2019 Aug 15, 2019
LATEST

Two year later...

This is still an issue for non-responsive projects, but based on Ron's suggestion, there is a workaround.

Adding a variable in the existing texts, will convert the texts from Static Text (that renders as an image) to Dynamic Text.

Doing this to all texts on all slides will be a pain.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources