Images, GIFs and videos can really bring your bot to life... as long as they're the right size. If your files are too big or awkwardly sized, it can make for a slow and ugly user experience. Here are a few top tips to help you when creating visuals for your bot!

Images

An image message part can consist of either a jpg, gif or png. Images can come in any size, but we recommend you keep them below 2MB so the load time is reduced.

GIFs

GIFs should be in a .gif format and we also recommend they are around the 2MB size. You can upload a GIF that is up to 5MB in size, but the load time may become longer. But feel free to give it a go and test if you can't get the file any smaller.

Videos

Video must be MP4 files and must be less than 15MB (anything under 10MB is ideal for load time). Ideally, they should be under 1 and half minutes too - no one wants to spend too much time watching a video within a bot! If your video is longer or higher in resolution, feel free to link to a Youtube page. This is super easy - simply create a button and link the video URL in the button settings.

Carousel images

A carousel image can be landscape or square. For landscape images use the following dimensions: 1200px x 630px or an aspect ratio of 1.91:1 for square a ratio of 1:1 is used.

You can choose to make the image yourself or use our carousel image cropper which is explained below.

The image must be less than 5Mb and we suggest it has a maximum width of 1200px.

A landscape carousel image should have the following dimensions: 1200px x 630px or an aspect ratio of 1.91:1

Or you can add square images with a ratio of 1:1.

You can choose whether to use square or landscape images once you've added the carousel part.

Once you’ve added the part to the message builder you can then click on it to upload an image from your computer.

How to use the carousel image cropper

The image cropper, located in our platform, has been developed to help you easily create images to the above specification. Here’s how it works:

Step one

Select ‘Carousel Image Cropper’ in the side menu.

Step two

Choose the image you’d like to crop.

Step three

When your image has been uploaded you will be able to crop it.

A Click and move the box to find your preferred crop. You can click and drag the corners to change the size.
B Change the uploaded image size and rotation using these buttons. Choose reset to start over.
C A preview of your image crop is shown here. Ensure the 'Cropped image size' under the preview is not showing in red.
D Download your cropped image to your computer.

Did this answer your question?