C8 Published Image Quality is Poor

[jessicah63166640]

I have prepared several high resolution pictures that I want in my Captivate project.  Though I have exported them as jpgs, pngs and even tried importing them through a photoshop layer, the result is always a extremely downgraded photo quality when published.  I have adjusted the publish settings to export at the highest size and quality but the result is still a pixelated image when published. 

On inspecting the 'dr' folder in the published package that contains all the images in the eModule, it seems that the images were all compressed to a much smaller resolution when published.

Is there any way that I could improve the quality of these images?

Example of the published quality discrepancy:

Should be:

[Lilybiri]

Did you insert the images at their original resolution/size or did you change the size in Captivate.

Indeed everything will be compressed when publishing, not only images. Otherwise the file size would be huge.

[jessicah63166640]

I tried both, inserting with the original resolution, and changing the size within Captivate. I am still getting a very grainy image.

Is there a way I can get it to only compress certain slides and leave others uncompressed?

[Lilybiri]

Uncompressed is not possible. You can uncheck the Compression settings in Preferences, Project, Size and Quality, that will maybe result in better quality. Per slide you can only change between Low, High, and Optimized. Since the default quality in your version is Optimized, I don't think that will help, changing individual Slide Quality setting.

[jessicah63166640]

How do I get to the individual slip Quality settings?

[Lilybiri]

In the Properties panel of the slide.

[jessicah63166640]

I don't see that option on my Properties Menu.

[Lilybiri]

Are you on a responsive project?

[TLCMediaDesign]

Why don't you just replace the image in the DR folder with one that is not compressed?

[jessicah63166640]

Yes the project is responsive. 

I have also tried replacing the photos in the dr folder but they don't seem to update in the .html file. Even clearing the cache does not show any difference.

[Lilybiri]

Responsive project means that the resolution is changing with the device resolution, I would never expect the resolution to remain high quality in that case, seems bit logical.

[jessicah63166640]

I understand that Captivate must compress the file so that it can respond to the device resolution. Therefore, I am correct in saying that because it is a responsive project there is no way to manually retain high quality on certain slides/elements?

I don't even require that the graphic is that high-quality, but I would like it to at least be readable.  

[Kristian_Randall]

I'm also interested to see if this is the case. It's pretty shocking of Captivate 8 not to be able to scale PNG and JPG when rendered out using HTML5. If you use CSS3 to scale images in a basic HTML page you don't get this problem?

Maybe this is happening when you use a percentage to scale down an image's width and have the height set at "Auto" then, with some percentage values on the width you might end up with the height being calculated to a decimal value i.e. something with half a pixel. This can then cause this effect in original post. I'm not sure if this is why this is happening or if it is something else during the publish that isn't handling the re-sizing correctly.

Either way Adobe need to sort this with an update, i don't think we should be looking for a work around it should just work and render correctly like CSS3 re-size does!

[beckyw26241137]

Is this possibly a problem that could be gotten around by inserting the image (at the desired size--thus not needing to resize) and then choosing "merge with background"? 

(I think I'm going to try some experiments now to see if that might work, as I am having a similar issue...)

[beckyw26241137]

OK, the thing that seemed to help the most was making all my original (vector image) lineweights/text bolder and then saving as a JPG (I was originally using a PNG with relatively fine lineweights).  My new image seems to handle the automatic re-sizing and compression much better than the old one.  It's only slightly larger in size but much easier to read.  BTW, I tried merging image with background and also locking in place, but neither seemed to have any effect.

[colourdesk]

I'm having the same issue.

The mobile view is the big problem for me, where the images are severely distorted.

I would be ok to build a completely new project for the mobile platform as a standalone - however, I need users to be able to zoom in with mobile gestures, so I think I need to use the responsive layout. I've re-built a few slides as a regular project, and the image quality is great when live, but the mobile gestures then doesn't work.

Any ideas?

How can I get mobile gestures to work in a regular project?

[colourdesk]

Also, does anyone know if this has been fixed in Captivate 9?

[RodWard]

In Cp9 the Mobile Palette is available in Captivate for both Responsive and Normal projects.  Just go to Window > Mobile Palette to turn it on and see which options are selected.

This would seem to indicate that Pinch and Zoom gestures would be available for either type of project.  You should not need to create a responsive project in order to use gestures on a mobile device.  Responsive is about changing for viewport size.

Use of gestures to pinch or zoom an image would not change its aspect ratio to distort its shape.

[colourdesk]

Thanks Rod, really appreciate your help!