Need a hand? We've got you covered.

Knowledge Base Home aero-right General questions aero-right Edit and Resize Images

Edit and Resize Images

General questions Updated on February 24, 2020

If you have an image you’d like to use for an email campaign but want to make changes to the image before using it, you can use our Image Editor to crop, edit, add text or to resize images

To resize images in the Drag and Drop Editor, you’ll need first to drag and drop an image block or click on the browse for a file option within the image block.

There are 2 ways to access the Image Editor, Image Gallery and in the Drag and Drop Editor.

From the Image Gallery

In the image gallery, click on the More options icon on the image you want to edit; in the dropdown menu, select Edit image.

From the Drag & Drop Editor. 

Click on the image in the email campaign; you will see the image block settings at your left, click on Edit.

If you don’t have an image block in your email, drag an image block to your email and click on the browse for file option.  Locate your image and click on the more options icon and select Edit Image.

Once you click on edit, our Photo Editor will be displayed with a variety of tools for you to edit your images.

Keep reading or click on one of the options below, to see what you can do with the image editor.

 

Crop & Resize

To crop an image

Drag the corners in to the desired crop or select one of the default proportions.

To resize an image

First lock the ratio, and then adjust your width and height and Save. A new image will be created and added to your image gallery.

Back to the top

Filters

Bring your image to life using filters. You can change the image colors, tone, vibrancy, saturation, among other things. Use any filters to help your image look better, and keep in mind that too many changes can make your image look processed.

Here is how to use filters and some suggestions.

In the image editor, you have the following filters available:

To apply a filter, click on it. All filters have a slide bar that will help you moderate the intensity of the filter.

To set the image back to original, scroll up in the filter options and select None.

In the following example, we applied different filters to the same image. As you can see, there is no right filter, but if you need to use one, try to make it match with your campaign design.

Filter Suggestions:

  • Apply the same filter to all images in your campaign. Or even better apply the filter to all of the images in all of your campaigns. This will show consistency.
  • Don’t use cold or blue filters for food images, instead use warms and reds.
  • If you are looking for something consistent, you can opt for the Lomo filter, which will add a dark blurred edge to every image.
  • Remember, not all images need a filter. Instead, give the reader something real with not many changes.

Back to the top

Adjust

By default, all the adjustments settings are set to 0, to make changes to an image, slide the bar to the desired number. You can always go back to the original image by clicking the RESET DEFAULT button.You have Basics and refinement adjustments.

Basics
  • Brightness slide will adjust highlights.
  • Contrast slide will adjust shadows.
  • Saturation slider will adjust the intensity of the color in your image.
  • Gamma corrects the luminance to an image.
  • The Contrast slider adjusts shadows.
  • The Saturation slider will adjust the intensity of the color in your image.
  • Gamma corrects the luminance to an image.
Refinements
  • Clarity increases contrast, but in the mid-tones, it helps to add more texture and shows the details in your image.
  • Exposure adjusts the amount of light captured in the image.
  • Shadows adjust the dark tones in the image.
  • Highlights adjust the light tones in the image.
  • Whites adjust the amount of white in the image.
  • Blacks adjust the amount of black in the image.
  • The Temperature slider will add warm (red) or cold (blue) tones to the image.
  • Sharpness will blur or define the image.

The following image is an example of how some adjustments can help your image to be more vibrant. Slide the bars with no fear and look for the best results.

Back to the top

Focus

You can focus on some objects in an image, even with a smartphone. But in case you forget to focus on the main object, or you find something behind your image to blur, use the Focus option from the image editor. With the image editor, you can apply Radial, Mirrored, linear, and gaussian focus. Here is how:

Radial focus is used for images whose main object can be focused within a circle. You can move the focus circle and make it bigger or smaller. Everything inside the ring will be sharp, and everything outside will be blurred, slide the bar to adjust the blur level.

Mirrored will add two parallel lines to your image, which you can rotate randomly and make the separation bigger or smaller. Everything outside of the lines will be blurred, while what remains inside will be sharp.

Linear works as a perspective line. It will add a simple line with two points at the ends. Move the angle and size of the line to get the focus needed. Remember, you can adjust the intensity of the blur by sliding the bar.

Gaussian will blur the entire image; you can adjust the intensity of the blur by sliding the bar.

Back to the top

Text

Add text to your image. Select a font, size, set the alignment, text color, background, and spacing between lines. To add text, double click on the text box. For top alignment, copy or delete, use the floating bar at the top of the text box.

Back to the top

Text Design

Instead of adding a simple text, you can add a predesigned text. When clicking on the Text Design icon, the text will be required, add it and then, choose the style and color. Use the floating bar at the top of the text box for top alignment, inverse colors, copy, or delete.

Back to the top

Stickers

Give a twist to your images by adding emoticons and shapes. To add stickers, click on the stickers option, then click on the Emoticon or Shape. It will be added to your image. You can use transform dots to resize the sticker. Use the floating bar at the top of the text box for top alignment, inverse the image, copy, or delete it. You can also set the opacity of the sticker by sliding the opacity bar from 0 to 100. By clicking the Replace option, you will go back to the main stickers menu, where you will be able to select a new Emoticon or Shape.

Back to the top

Brush

Use the brush option to make minor edits to your image. You can change the color of the brush, the size, and its hardness. To use the brush, set the desired settings. Go to your image, click and hold to start painting.

Back to the top

Frames

To add a Frame, click on it. The settings will be displayed on the left; you can change the opacity and width. By clicking the Replace option, you will go back to the main Frames menu, where you will be able to select a new frame.

Back to the top

Overlays

The overlays are layers that are placed over your image. There is no correct overlay, but we encourage you to experiment with all of them. To add an overlay, simply click on it, then adjust the intensity by sliding the bar.

Back to the top

 

Other functions

  • To add a HEX color code or RGB. Double click on any color, then add the code number or slide the bars until you get the desired color.
  • Find the arrows in the top bar for undo and redo, and the zoom option.

Back to the top

IMPORTANT
  • Once you’ve completed your changes, click on save. This will bring you back to the editor where you will need to click on browse for a file again, and your newly edited image will appear as a new file.
  • All images added to an email via the editor also get added to your Image Gallery
  • The Max Image size to upload is 5MB. For better results, try to keep your images at or below 200 kb.
  • GIF format images are not compatible with the editor. To edit GIFS, use the software where it was created. If you edit a GIF in the image editor, it will lose movement.
  • Making changes to an image will save them as a new file and leave the original image intact.
  • If you want to know more about image blocks and how to use them, click here.

If you have any questions regarding your images or the image gallery, please feel free to contact our support team via Email, Chat or by phone.

Did this answer your questions?
0 0

Can't find what you're looking for?

Submit a Ticket

view ticket history