Portant Workflow - Adding images into your template

Updated on:
June 27, 2022

Portant Workflow can add images into your template. All you have to do is identify a source row as an image and insert the placeholder image and after that you can edit the position and size of the image.

1. Identify source row as an image

In the Source Table open the drop down, select to insert value as ‘image’ and then you can insert the placeholder image.

Animation showing selecting and inserting an image field

When you insert the placeholder image it is inserted at the end of your document. You can position this image wherever you want to inside the document or duplicate it if it needs to be inserted multiple times.

Note - only publicly accessible urls that store images in .jpg, .jpeg, .png and .gif file formats are supported. Unfortunately images stored in Google Sheets cells can not be inserted.

2b. Resize the image - Slides

You can resize the placeholder image to suit your presentation format like this:

Animation resizing image in Google Slides

Inserted images are always placed into the presentation with a locked aspect ratio (Portant doesn't distort any images to fit the placeholder size). If an inserted image has a different ratio to the text box, Portant scales the image to the maximum size it can be within the bounds of the text box whilst maintaining the original image ratio.

2b. Resize the image - Docs

You can resize the placeholder image to suit your document format like this:

Inserted images are placed into the document with a locked aspect ratio (Portant doesn't distort any images to fit the text box). If an inserted image has a different aspect ratio to the placeholder image, Portant scales and centers the image to fill the bounds of the placeholder image. The image may be cropped in order to fill the placeholder image's bounds. The rendered size of the image will be the same as that of the original image.

Move with text image setting

Please note, in Google Docs, images can only be placed with the 'Move with text' option, as shown above. If you need to fix the position of an image of an image in a document please use a Google Slides template (In Google Slides it's possible to fix the position of an image).

Manual method

If you don't want your images to be cropped you can insert the image tag manually with size options.

All size options:

  • Just Width - maintains image ratio e.g. {{Image | width=400}}
  • Just Height - maintains image ratio e.g. {{Image | height=400}}
  • Width and Height - skews image to specified size {{Image | width=400, height=200}} you can also use a shorthand way {{Image | 200x400}}

Using this method, images can only be inserted as in-line images.

Feedback and feature suggestions

Any feedback or suggestions you have for us would be greatly appreciated. Please feel free to send us an email at contact@portant.co or use our contact form here: https://www.portant.co/support

Thanks,

Blake and James

More than mail merge

You can do a lot more than just mail merge with Portant. Portant is a fully-fledged online document automation solution that can optimise many different document flows. You can use our online document automation platform to optimise your repetitive work, so you can get back to doing the work you enjoy.

Get started