Uploading Images to Iterable

A picture is worth a thousand words! 🖼 A cute dog photo, a funny GIF, or a snap of your customer's most recent purchase can take a campaign from good to great.

With Iterable's image uploader, you can easily upload images to Iterable and insert them in the templates and campaigns you build in the WYSIWYG editor and Side by Side editor.

# In this article

# Required permissions

To upload and access images with the image uploader, you'll need the Create and Manage Templates permission.

# Supported file types

The image uploader accepts JPG, JPEG, PNG, GIF, and WEBP files.

WEBP files are converted into PNG images. If a WEBP file contains animation, the animation becomes a still image. (This ensures browser compatibility, as WEBP is not supported in all web browsers.)

# Adding images to the image uploader

To upload an image, click the Images button in the WYSIWYG or Side by Side template editor.

This opens the Insert Image menu. From here, there are two ways to upload images:

# Option 1: Drag an image onto the image uploader

You can click and drag an image from your computer into the Insert Image menu.

# Option 2: Browse and upload

Click Upload > Browse Files and select an image from your computer's file manager.

You can upload up to 10 images at a time. The maximum file size for each individual image is 20 MB.

# Inserting images in your campaigns

To insert an image in one of the templates you've build in the WYSIWYG or Side by Side editor, open the template and click the Images button.

This opens the Insert Image menu.

Select an image and (optionally) adjust the image's alt text, dimensions, and style. When you're ready to add the image to your template, click Insert.

Alternatively, you can insert hosted images via URL. Click Insert from URL and paste a URL for a hosted image into the Image URL field.

# In an SMS, push, or web push template

For SMS, push, and web push templates (which aren't built in the WYSIWYG or Side by Side editor), you can add images in the Details section of the template page.

Scroll down to the Media URL or Icon field. Click the image icon and select an image from the image uploader, or paste a URL for a hosted image into the field.

# Editing or replacing an image

Need to edit or replace an image in one of your templates? Double-click the image in the template to open the Edit Image menu. Adjust the image's alt text, dimensions, and custom style, or hover over the image and click Change Image to replace it.

# Current feature limitations

As of August 2023, there are a few limitations for the initial release of Iterable's image uploader:

• The new image uploader is not available in the Drag and Drop editor.
• Once uploaded, you can't delete images from the image uploader.
• Any images uploaded to Iterable before the image uploader feature was released do not appear in the image uploader.
• In this initial release of the image uploader, you can't edit the name of an image file. Make sure the file name is correct before uploading the image to Iterable.

# FAQs

# What file formats are supported?

The image uploader accepts JPG, JPEG, PNG, GIF, and WEBP files.

# What is the maximum file size?

The maximum size for a single image file is 20 MB. Images can have maximum dimensions of 1920 px for width or height. An image is automatically resized when its dimensions exceed 1920 px in either width or height.

For example:

• A square image with dimensions of 3000 x 3000 px will be resized to 1920 x 1920 px.
• An image with dimensions of 2878 x 1800 px will be resized to 1920 × 1201 px.

# Are there any costs associated with storing images in Iterable?

There is currently no cost to upload images to Iterable.

# Can I upload multiple images at once?

Yes, you can upload up to 10 images at once by dragging and dropping them into the panel, or by selecting multiple images from the file explorer on your computer.

If you try to upload more than 10 images at once, an error message indicates which images were not uploaded.

# Can I see images uploaded by any user in my project or only images I uploaded?

All images uploaded by any user in the project are available in the image uploader panel.