timer ~ 4 min read
27475 views
rate it
21 August 2017

Editing images for emails

Stripo / Blog / Editing images for emails

Editing images in email editors seems to be a very simple process: you find an image, upload it, insert in the email template for newsletter and that is it. Nevertheless, in fact, there is a number of inconveniences associated with images:

  1. Sometimes you need to download several pictures at once;
  2. There are pictures that are loaded into the repository and after a month 100+ pictures lead to a mess, while most pictures are used just once;
  3. If you need to make simple editing in the picture (for example, crop edges), you need to save the picture, open it in the editor, edit, save, load, replace;
  4. On good all pictures should contain an alternative text, title and link, and often the link is indicated in a separate control.
  5. Sometimes it is necessary to fix only the height or only the width, so that the picture changes its size to maintain adaptability.

It happens that percentages are all basic needs working with pictures. We solve them like this:
We divide the repository (Image storage location) into 4 levels:

  • Email pictures (used once in this email and no longer needed);
  • Pictures of the project (belong to the project and are duplicated from email to email, for example: company logo, corporate background, …);
  • Common system pictures (those that usually use everything: icons of social networks, some labels);
  • External image repository. Here we integrated with the drains and you can ask directly in the editor a search query, for example: halloween or father’s day and use free stock images. Later we connect the opportunity to search in different drains including using paid ones.

We added the uploading of pictures in batch mode or by URL, the ability to stretch across the width, fix only one side: height or width. This is necessary when the user wants to fix only one parameter, and the browser / mailer already computes the second parameter in proportion to the first one. Also, we added the ability to hide the picture for the mobile device. BUT! Work with pictures and templates was still extremely difficult.

In order to easily edit or crop images, we've integrated with the online image editor Pixie. Finally, you can crop images and apply filters to images. There are awesome things, like putting a hat on a person or sticking a mustache on him, applying filters or writing text, and then saving the picture. It’s cool, but it would be better to have more.

Firstly, I want to add my pictures to the picture, for example, a discount label. The hats and mustaches in real life are almost unnecessary. It turned out that you can not upload your pictures to the collection of «mustaches» ? We connected with the developers and they confirmed that it is not possible to use their tool in this way. But even if it were possible, if you make changes, they are saved in a picture, and then you can not change the text, you will not change the background.

I would very much like to be able to write the text in the picture, change it, get a new picture as a result, but always be able to change the «source» with the text and add pictures. Add more layers. All that is necessary for this we found in the project — pablo.buffer and add to ourself. We think that in a couple of weeks it will make a breakthrough in working with images in the emails without additional resources.

Working with pictures seems to be difficult task, when you just need to pull it from the product card on the site, for example. I will describe this functionality separately. Our main goal is to make it possible to create emails quickly and qualitatively. Remove the entire routine associated with this.

If you have not tried it Stripo Email Builder, connect now as we still have free tariffs.

You might be interested in

previous next
banner9
06 June · 15 min read
10 Best Email Template Builders for 2022

Do all email template builders seem alike? You are now confused about which one to choose for your email campaigns, aren’t you? No wonder, as there are so many of them.  We will survey the most popular builders to find their distinguishing features to help you find the best HTML email builder for your current needs. I will try to create one template in all these editors with the same media files to see if the builders differ. The best...

Design Marketing Templates
24 May · 18 min read
Best Fonts for Email: Usage Tips and Tricks

One of the most striking concerns in the email production process is choosing the right font. Weight, height, width, color, shape, spacing… Does everything matter? Yes, it does, but also one of the most crucial things is to choose legible typography. In this post, we're going to show you how to choose the best professional font for email. Design beautiful emails with Stripo by using prebuilt templates Browse   HTML email fonts: General rules to follow There are three ground...

Design Templates
Greatest Examples of GIF animations in Emails_Cover Image
27 October 2021 · 10 min read
16 Great Examples of Animated GIFs in Emails

GIFs in emails will be of great use if you want to showcase your product, draw users’ attention to certain elements, or just slightly decorate your text. In this article, we have provided some of the best email gif animation examples. Examples of animated GIFs in emails Here’s a compilation of the best examples with GIFs in emails. Each GIF fulfills its mission. 1. Adidas (Source: Email from Adidas) Adidas used email animations to show what color options they have....

Design Marketing
08 April 2021 · 17 min read
14 Best Email Signature Design Examples

Good email signatures help us build our business, and make a good lasting impression on clients. Since email signature is the last thing people see in emails, we should make them creative and memorable. Let's examine the best email signature examples and their appropriate use in personal emails and newsletters. Please be advised that all types of businesses require different professional email signatures with detailed contact information. Use this email signature template to design your own email signature faster Use...

Design Marketing Templates
Be always wide awake in recent email marketing news, guides, articles and how-to’s