Managing Images in Dyspatch

Save time and promote collaboration by storing all of your images in Dyspatch. Different teams using different email service providers will be able to share, reuse, and update emails all in one place.

Adding Images

Add images by clicking the Add Image button. From there you can upload up to 10 images directly from your device or a single image by specifying a valid URL.

uploading multiple images

We recommend using email-safe image formats: PNG, JPG, and GIF. Avoid vector formats, like SVG, as they may not display correctly for all users.

Removing Images

Delete images by clicking the dropdown menu and selecting Delete. Deleting a folder will also delete all of the images in it.

If an image is accidentally deleted Don't Panic. Your users will still be able to see the image in their inbox.

Managing Images

Organize your images by using folders! Drag and drop images into folders to place them there. Drag an image into the "Image Library" title to remove an image from a folder.

Stuck trying to figure out how to organize your images? Try dividing them by the types of emails they appear in.

Clicking into an image will bring up the image preview with additional information. Use the Default Attribute Values section to configure how your image should behave when used in a template. This is especially useful for images that are frequently used, for example, social icons and logos.

Using Images in a Template

Anyone that can build a template (Editors, Publishers, Owners) can change an image in a template. See Using the Visual Editor for more information.

Using Images in a Theme

Keep your email template backgrounds stored in Dyspatch's image library. You can refer to them in a theme by going to the themeThemeThe theme sets the style, like fonts or a background color, and determines which blocks are available in the visual editor. Themes are great for ensuring your branding is consistent across many templates. and clicking the Background button.

Using Images in a Block

Quickly insert a dys-img component by clicking the Insert Image button in the Block Editor. Select the image you want to include and click Insert Image to generate a dys-img component.

Didn't find what you're looking for?

Ask our support team, we're here to help!

Contact Support