Skip to main content
Legend
February 11, 2014
Answered

Poor image quality in Webhelp

  • February 11, 2014
  • 1 reply
  • 4030 views

Hi

I am using FM11-RH10 as part of TCS4.

I have images referenced in FrameMaker book. These images are clear and are of good quality (no blurry text or pixelated graphics).

Now, when I import the FM book into RH, the image clarity is slightly affected (text in the image gets blurry), but still are of acceptable quality. However, when I publish it as Webhelp, the text is hardly readable.

I browsed through these forurms and found that selecting/ deselecting the Adobe Distiller option in Settings file gives better output. I tried that but it did not help.

Any other workarounds?

Thanks in advance.

Sreekanth

This topic has been closed for replies.
Correct answer RickNoll

When you click for a larger view does the image clean up. I didn't know you were using two images with code in the final output.


usually there is some HTML code on the first image to use it only as a kind of low rez placeholder, since clicking on it will link to the full sized image. Inside the source for the page you might be able to change some of the code associated with the image placeholder so that it is bigger and with better rez. Do you know how to view the source code and edit it?

1 reply

RickNoll
Inspiring
February 11, 2014

Can you give any information on the pictures being used? File type (jpg, gif, bmp, png, tiff, etc.), file size, resolution (dpi)?

Does the format size of your pictures change after importing, like say from a wide format (16x9) to a square format (9x9)?

Are you viewing in a compiled format or still in the editing mode? My settings are most likely different from your own since I use TC3 but I use Photoshop with a 300dpi setting to edit and then save at max for the web. Sometimes the format changes and I have to go and change the pixel ratio. In quickview of a page containing pictures, often times the resolution is terrible, but after compiling file, the resolution comes back in full glory.

Legend
February 11, 2014

The images are in both PNG and JPG formats.

The size and dpi of the original image does change. For example, an image that is originally 830 x 406 pixels with 96 dpi, changes to 606 x 502 pixels, with 150 dpi on importing to RH.

I am viewing it in the compiled format in FireFox, IE, and Chrome.

Sreekanth

RickNoll
Inspiring
February 11, 2014

The only reason to use png formats is when there are layers in the file and you want to edit those later on. I would not use them in your final output. If the layers are for moving animations, then gifs would be the better format. 96dpi seems pretty low res to me. Like I said I always start with 300 dpi and then let photoshop down res them. Up ressing, like what your responce seems to indicate is not a good tactic to use. If viewing these in a browser, another important question than is what is the viewing screen resolution set at? I don't know if your TCS has Photoshop in it or not, if it doesn't I would get a photo editor where you can change the pixel ratios, resolution and formats.So right now I would recommend:

Input picture resolution is 300 dpi

Final picture output format is jpg

Pixel ratio is square