Using images in your emails

You can easily crop images using the drag & drop editor. When you select the block which contains the image you would like to crop, select the edit icon.

Next, you will see the following screen:

You can use the zoom function to indicate how far you want to zoom in and which part of the image should be visible in your email.

Use the crop icon to crop your image. It’s also possible to specify how big your image should be.

Use the reduce icon to decrease the size of your email. Use the check icon to see what the changes look like or the red cross to abort.

It’s a good idea to reduce the size of your images, in order to make sure that your email is not too big and quickly loads once it is in the inbox of your recipients.

Now save the image and use it in your emails. If you are not satisfied with the changes, use the back icon and all your changes will be undone.

We recommend keeping the size of your emails without any images below 100 Kb. Images included, 250 Kb is a good benchmark.

But how can you know how big your email is exactly? The answer lies in the email analysis developed by Webpower. Select your email and click on ‘checks’.

The maximum width of your emails and, by extension, your images is 600 pixels.

If you want an image to be narrower, 250 pixels wide for example, it is best to resize it to actually be 250 pixels wide. This reduces the file size, load time and your recipient’s data usage.

If you use Photoshop, always save your image using the ‘save for web’ option. This removes and superfluous information, reducing your file size significantly. You will see a preview of the file before you save it, so you always know what your editing does for your final image.

If you don’t have Photoshop, you can use free online tools like Kraken.io, Tinypng, PicMonkey or Aviary.

The drag & drop editor makes adding images to your emails even easier. Once you have added a block that can display an image in the template, simply select the block. You can then add a new image to the right by dragging it into the block, or by searching for and selecting an existing image in your media library.

If you are using a separate HTML-mail, or if you’re working in a template with the WYSIWIG-editor, simply click the image icon.

You will then see the following screen:

You can manage your media library using this icon. You can upload new images, and select and remove existing ones. After uploading a new image or selecting an existing one, you can insert it into your email.

If you upload an image that is available licence-wide, you can use this image from all of your emails. This means it’s an excellent solution for images you use often, like your logo.

You could theoretically use this method for all of your images, but we strongly discourage it. After a while, you will have so many images in your media library that you will lose all track of them. The folder system is also virtually impossible to restructure because the links in the emails you already sent won’t be correct anymore.

You can add images via control > media files. You can manage this media library however you see fit by using a folder structure you’re comfortable with.