Resize, convert or add text to an image

The Image steps change images between steps: a product photo resized for a listing, a receipt photo turned the right way up, a watermark on an image before it is posted. Each one is its own step. No connection is needed.

Who can do this

Workspace Admins and Editors, on every plan.

The steps

Before you start

An earlier step must bring the image — a form's File field, Outlook · Get an attachment, or another step that gives a file. See Pass files between steps.

Steps

1. Select + after the step that brings the image. In the step picker, open Utilities, select Image — No connection needed — then the step. Or search image.
2. Under Image, select Add a file and drag in the file from Data from earlier steps — PNG, JPEG, WebP, GIF or BMP from an earlier step, up to 20 MB.
3. Fill in the step's own settings:
   • Resize an image — Width and Height, in pixels. With Keep the ratio on, one of the two is enough, and the image fits inside both if you give both, never stretched. Off, the image takes exactly the width and height given.
   • Crop an image — From the left and From the top (0 unless you change them), then the Width and Height of the part to keep, in pixels.
   • Rotate an image — Turn: 90° right (the default), 180° or 90° left.
   • Convert an image — Format: WebP (the default), PNG or JPEG. Quality: 1 to 100, for JPEG and WebP. Lower is smaller — 85 unless you change it.
   • Add text to an image — Text, such as © Northwind Logistics or a value in {{ }}. Where: one of nine places, Bottom right by default. Text size in pixels, 32 unless you change it. Colour: As #RRGGBB, or #AARRGGBB to see through it — #FFFFFF, white, unless you change it.
4. Select Run this step, then check Output. The new image shows with Download.

Output

Every step except Get image information adds the new image to the item under file, with its width and height in pixels. Get image information adds width, height, format (png, jpeg, webp, gif or bmp) and size, in bytes, and makes no file.

The item's other fields are kept. Use the image in a later step by dragging it in from Data from earlier steps, or with {{ $json.file }}.

Good to know

• Images up to 20 MB. A larger image stops the step and says so.
• Each step makes a new file, named after the original; the original stays on the earlier step's output. Chain steps for several changes — resize, then convert, then add text.
• A JPEG or WebP stays a JPEG or WebP through Resize, Crop, Rotate and Add text. A PNG, GIF or BMP comes out as a PNG. To choose the format, use Convert an image.
• An animated GIF keeps only its first frame.
• Photos are not turned by the orientation a phone records. If a photo comes out on its side, add Rotate an image.
• A crop that runs past the edge is cut at the edge, so the part kept can be smaller than the width and height given.
• Text is written in Noto Sans, a little in from the edge, on one line. Long text can run off the image; make Text size smaller.
• Each step runs once per item.

If something goes wrong

Related

• Pass files between steps
• Send a photo or document with Telegram
• Set up the fields on a form
• Create or read a QR code