How to add and edit images using the file manager

Your File manager is where you store all the images that you upload and use in your campaigns and forms. It can be found in your dashboard sidebar.

Here, you can click the Upload image button to import an image from your computer into your file manager. Or, you can click the downward-pointing arrow on the right-hand side of the button to import an image from a URL, Google Drive, Tenor or Iconfinder.

• URL: A window will appear where you can paste the URL of your chosen image to import it.

• Google Drive: A window will open, allowing you to log in to Google Drive and select images directly.

• Tenor: Tenor provides a vast collection of GIFs to bring your emails to life with engaging and dynamic visuals. For tips on using GIFs, refer to our guide on incorporating GIFs in emails.

• Iconfinder: This platform serves as a marketplace for icons, illustrations, and 3D illustrations available in AI and PNG formats.

If you’d like to delete an image from the File manager:

1. Mark the checkbox on the corner of the image.

2. Click the Delete button.

3. Confirm deletion.

Larger images load slowly in your subscribers' inboxes. Also, if they're using their mobile internet, larger images result in bigger data usage. Additionally, the smaller the image, the less likely your newsletter will land in spam or the promotions tabs. For this reason, your images must be under 10 MB.

However, keep in mind that if you are importing an image larger than 10 MB, it will be automatically resized to 10 MB.

Using the Drag & drop editor

To add an image to your newsletter created with the Drag & drop editor:

1. Select an image block on the left toolbar, for example, Elements > Image.

2. Drag and drop the image block into your newsletter design.

3. Click Replace image in the toolbar above the image element. This will open your File manager. From here, you can select an image you have already imported, or you can upload a new one.

Using the Simple editor

To add an image to your newsletter created with the Simple editor:

1. Hover over the + symbol to the left of your content or use the / keyboard command.

2. Choose Image from the dropdown.

This will add an image element to the body of your newsletter. Drag and drop the image file into the element or upload it directly from your device, the File manager, or a URL.

Landing pages

To add an image to your landing page:

1. Open the Add tab within the toolbar on the left.

2. Drag and drop the Image element into your landing page design.

3. Click Select image in the toolbar above the image element. This will open your File manager. From here, you can select an image you have already imported, or you can upload a new one.

Websites

To add an image to your website:

1. In the toolbar on the right, select Blocks.

2. Drag and drop the Image block into your website design.

3. Click on the block you added, then click Browse. This will open your File manager. From here, you can select an image you have already imported, or you can upload a new one.

You can resize images within all your MailerLite emails and sites. To resize an image:

1. Select the image block.

2. Click the arrow in the bottom right-hand corner of the image and drag it inward to adjust to your preferred size.

Here’s an example of what it would look like in the Drag & drop campaign editor:

Background images for each block have the option to be edited using our image editor. To open the image editor, select the image block containing the background image you want to edit. Then, in the sidebar, click Edit image.

Hover over any icon on the left-hand side of the image editor to see each menu item.

The image editor contains the following features:

• Filter: Apply any of 18 built-in filters (blur, brightness, grayscale, etc.) and adjust their intensity. Enable or disable filters and even add your own.

• Frames: Select from responsive frames that adapt to your image size. Adjust frame width and choose which frames to offer to your users.

• Stickers & Shapes: Enhance images with shapes and stickers—like arrows, stars, speech bubbles, or emoticons. Adjust sticker colors, shadows, and opacity. You can add custom stickers, categories, or let users upload their own.

• Resize & Round: Quickly resize your images while maintaining aspect ratios, or create rounded corners. Enforce minimum and maximum dimensions or set exact sizes.Text - Use this tool to add text to your image

• Text: Add text with customizable fonts, sizes, colors, backgrounds, borders, shadows, and more. You can also upload custom fonts to match your brand.

• Drawing: Easily draw on images with brush tools in various sizes, colors, and types—perfect for highlighting details or adding artistic flair.

If you’d like to crop an image:

1. Select the image block.

2. In the right-hand sidebar, click Edit image.

3. In the image editor, select Crop.

4. Crop, flip, rotate, or straighten your image. Choose from various aspect ratio presets or add your own.

5. Click Apply.

In the Drag & drop editor and Simple editor, you can see that there's an icon for entering the ALT value, which is an alternative text displayed if the image file cannot be loaded. Click the ALT icon to edit the alternative text.

This text explains to your readers what the image is about. You can use a descriptive ALT text, or get more creative and use this piece of text as a CTA.

For more information on the best practices for using images in email newsletters, check out the Best practices for using images in email newsletters.