How does Clarify size images in PDF output?
When sizing images in PDF output, Clarify will assign different CSS classes to images based on the presence of the step title and instructions.
How Clarify assigns CSS classes to images
Here are the rules for applying image classes to images when exporting to PDF:
Rule | Class |
---|---|
Step has title + instructions | img.small |
Step only has title | img.large |
Step only has instructions | img.medium |
Otherwise | img.xlarge |
Default Sizes
Clarify assigns values to each image class based on the size of the PDF page and the top and bottom margin. Clarify figures out what the working height is by subtracting the top and bottom margins from the page height. Here is the formula for each image class:
Class | Formula |
---|---|
img.small | Working height * .90 - 160 |
img.medium | Working height * .90 - 80 |
img.large | Working height * .90 - 40 |
img.xlarge | Working height * .90 |
If the working height of the PDF page is 680 points then the following values would be assigned to the image classes:
img.small { max-height: 452pt; }
img.medium { max-height: 532pt; }
img.large { max-height: 572pt; }
img.xlarge { max-height: 612pt; }
You can override these values in the Custom CSS tab of the PDF template editor.
Are there any controls over image sharpness for PDF Output? I am experiencing images that look "slightly fuzzy" like some sort of anti-alias has been applied to them.
Thanks