All Collections
Marketing
Best Practices for Email marketing
Best practices for editing an email image
Best practices for editing an email image

Crop, resize and add effects to your images to better suit your email content.

Updated over a week ago

Marsello's image editor can be used to update images from the stock image library and those you upload from your computer.


How to access Marsello's image editor

1. To access the image editor from within Marsello, you will need to open the email campaign or automation you are working on.


2. Double-click in the Image block of the image you wish to edit and select the Apply Effects button.

Apply_Effects.png
NEW-Marsello-Help-Center-Divider__2_.png

Apply a filter and/or add effects to an image

1. Once the Apply Effects editor is open, you can choose from the available options menu various filters or effects such as stickers, frames, and even text) for your images.


2. Select the Apply button once you have finished adding each option and then click Save to click in your changes.

Effect_Editor.png
NEW-Marsello-Help-Center-Divider__2_.png

Resize, Crop or Rotate an image

Resize your image

1. While in the Apply Effects editor, select the Resize button.

Resize_button.png

2. Enter the width and height for your image in pixels or enable the percentage checkbox to use percentages. Be sure to maintain the aspect ratio to ensure the image's original width-to-height relationship is maintained.


3. Click Apply if this is the only change you wish to make and then Save to lock in your changes.

Crop your image

1. While in the Apply Effects editor, select the Crop button.

Crop_Button.png

2. Enter the width and height for your image in pixels or enable the percentage checkbox to use percentages. Be sure to maintain the aspect ratio to ensure the image's original width-to-height relationship is maintained.


3. Click Apply if this is the only change you wish to make and then Save to lock in your changes.
โ€‹

NEW-Marsello-Help-Center-Divider__2_.png

Troubleshoot common issues

Image quality and sizing

By default, Marsello's email templates are 600px wide and support specific image file types to ensure a high-quality experience for your customers.

  • Recommended email header image: 500px wide

  • Recommended logo image size: 125px high

  • Recommended product block image size: 120px wide

  • Recommended image block size: 600px wide

Unwanted image stacking on mobile

Marsello's email templates stack the contents of columns to make reviewing the content easier to read on mobile devices. If you'd like to disable this feature to prevent elements from stacking when displayed on mobile devices:

1. Open the campaign you are working on and select the container row that hosts the image.


2. From the row editor, select the Mobile tab.

Mobile_Tab.png

3. Scroll down and toggle the on/off button do not stack on mobile to on.

Do_Not_Stack_on_Mobile.png

4. Click Save

Did this answer your question?