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 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. You can upload a GIF that is up to 5MB in size, but the load time may become longer. We recommend keeping your GIF under 2MB for messages in a chat flow, and under 1MB for any messages sent via broadcast.
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. If your video is over 10MB then it could take 30 seconds or so to deliver, so it's best to add some text before the video that tells people that the video might take a few seconds to come through (depending on their internet connection).
If your video is longer or higher in resolution, then it's best to link out to a video hosting site, i.e. Youtube. This is super easy - simply create a button and link the video URL in the button settings.
Carousel images
A carousel image is landscape with the following dimensions: 400px x 300px. Please note that these dimensions are only correct if you're using multiple carousel cards. If you use only one card, then the dimensions are 600px x 300px. Simply click on the carousel image on the card to upload an image from your computer. You images will then show up in a uniform size and resolution in your chat.
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:
1) Select ‘Carousel Image Cropper’ in the side menu.
2) Choose the image you’d like to crop.
3) 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