Skip to main content

How to add and edit images using the file manager

Written by Remis
Updated over 9 months ago

How to upload images to 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.

At the left-hand side, you'd be able to see the different ways to import an image - from: URL, My Device, Google Drive, Tenor, or Iconfinder.

If you select URL, a window will appear. Paste the URL of your chosen image into the input field to import it.

  • 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. Browse the Tenor platform within the File Manager to search for GIFs using relevant keywords, select your desired GIF, and automatically add it to your File Manager. 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.

Supported file formats

Our file manager is compatible with several image file formats to suit your various needs. Here are the formats you can use:

  • JPEG (.jpeg): Ideal for photographs and images.

  • PNG (.png): Great for images that require transparency and high-quality details.

  • GIF (.gif): Perfect for animations and small, simple graphics.

  • ICO (.ico): Used mainly for favicons or branding icons in web contexts.

  • PDF (.pdf): Great for sharing templates, resources, guides

  • ePUB (.epub): Easily share workbooks, guides, ebooks

Feel free to upload and manage your images using any of these supported formats!

Troubleshooting: Finding Specific GIFs

If you're unable to locate a desired GIF in MailerLite:

  1. Use the Tenor search feature within the File Manager to search for GIFs using relevant keywords.

  2. Scroll through the results and click Load more if needed to explore additional options.

  3. If you still cannot find a suitable GIF, consider downloading one from an external site, then upload it to the File Manager for use in your campaign.

Adding GIFs from Tenor or Personal GIFs

Using Tenor GIFs

  1. Open your MailerLite campaign editor.

  2. Navigate to the File Manager.

  3. Browse the Tenor platform within the File Manager to select your desired GIF.

  4. The selected GIF will automatically be added to your File Manager.

  5. Add an Image Block to your campaign and select the newly added GIF from your File Manager to insert it into your email.

Uploading Personal GIFs

  1. Open the File Manager in your MailerLite dashboard.

  2. Click on the option to upload a new file, and select your GIF from your computer.

  3. Once uploaded, follow the same process for embedding it:

    • Add an Image Block to your email.

    • Click to edit the block and select the uploaded GIF from the File Manager.

File size limits

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.

How to add images in the Drag & drop editor

To add an image directly to your newsletter, first, drag the image block of your choice into your newsletter template from the left-hand sidebar.

Then, click the image block and click the Image icon.

This will open your File manager. From here you can select an image you have already imported, or you can upload a new image to add to your newsletter.

How to add an image block using the Rich text editor

To add an image block to the body of your rich text newsletter:

  1. Hover over the + symbol to the left of your content.

  2. Click the Image button.

This will add an image block to the body of your newsletter. Click the image block and click Browse in the right-hand sidebar to open your file manager.

How to resize an image in a campaign or site

You can resize images within all your MailerLite campaign and landing page editors.

To resize an image your campaign or landing page editor:

  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.

How to use the image 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.

How to crop an image

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.

What is “ALT” text?

In the Drag & drop editor and Rich text 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.

Did this answer your question?