Size images in HTML Template Content for Salesforce CPQ

To set the image size:

1. Navigate to Template Content
2. Click the Source button in the editor. The Source displays all the underlying HTML markup that is rendered when the template is previewed or saved.
3. Utilize an <img> HTML tag in the template content code to reference an image:

<img height="x" width="y" src="https://yourimageurlhere" />

In the WYSWYG editor, images can appear "stretched" or "pulled" because the aspect ratio on the image size is not maintained. Once the Quote Document is generated, however, the document generation service takes the width and then scales the image height according to the original aspect ratio. This way, the original aspect ratio of the image is maintained while still allowing the user to scale up or scale down the image accordingly. More information on referencing an image on a Salesforce CPQ Quote Document can be found here.

For additional information on setting an image size using HTML, visit W3Schools.