Adding and Editing Images




This Article covers how you can utilize the built in Image Editor to ensure your additional images look as best as possible, direct to intended pages, and include alternative text where needed.

What is included

- Navigating the Image editing menu
- Cropping images
- Adding Filters
- Image adjustments
- Using image focuses
- Adding text to an image
- Stickers
- Brush
- Adding Frames
- Adding an Overlay
- Image Link
- Alternative Text

Navigating the Image Editing Menu

After uploading an image, you'll be able to click the `Edit` button to open up the Image Editor. Within the Image Editor, you'll find a number of options available. Across the top of the Editor window, you'll find Undo and Redo arrows as well as Save and Cancel options; down the left-hand side of the Editor window you'll find the following features:

- Crop
- Filters
- Adjust
- Focus
- Text
- Stickers
- Brush
- Frames
- Overlays

Cropping Images

Occasionally you won't need to include an entire image when placing it in an email, or it won't quite be positioned how you'd like. Given this is the case, there are a few choices available when it comes to Cropping Images.

Within the Image Editor you'll find a number of preset aspect ratios under the Common Crops; these include Custom, Square, 4:3, and 16:9. Simply select one of the specific options to automatically adjust the aspect ratio, or stick with Custom so that you can choose the aspect ratio that best suits your image. You can also choose to Lock the resolution, in situations where you want to maintain the same aspect ratio but crop the image a bit tighter.

Below the image itself, you'll find some more buttons available. Here you can flip the image horizontally, flip the image vertically, spin the image manually by clicking and dragging the 0 to the left or right, or rotate the image 90 degrees to the left or right.

Adding Filters

From time to time, you'll want to look at changing the appearance of an image by adjusting it's colour; within the Image Editor's Filters, this is easily attainable. When you click on Filters, you'll see a number of Themes presented: DuoTone, Black & White, Vintage, Smooth, Cold, Warm, and Legacy. Under each of these Themes you'll find a selection of options; when you click on one of them, you'll be provided a slider which you can use to determine the amount of Filter you would like applied.

Image Adjustments

When inserting an image, you may notice some slight imperfections that you want to try and fix; perhaps the image is too dark, or looking a bit washed out? Great news is that we have tons of choices under Adjust

Changing Image Focus

Every now and again, you'll want to be able to make a specific portion of an image stand out a bit further. One awesome way to draw attention to a portion of an image would be to adjust the focus around the point of interest. Within the Focus section of the Image Editor, you'll find some great options for changing up the distortion of the image, most of which can be moved around/resized. All of these options will have a slider presented when you click on them that will let you choose the level of intensity you want the distortion to be at.

Adding Text to an Image

If you find your image to be missing some written prompts or information, you can easily add this to the image with the Text tool. When you click this option from the left-hand pane, you'll immediately see a "New Text" button near the top of the Editor window; click this to create a text box on the image, then double click the box to start adding text.

Once you have some text in place, you can adjust the Font, Size, and the Alignment near the top of the left-hand pane of the Editor, adjust the text colors for the text and background just below, and change the Line Spacing at the very bottom of the pane. If you need to make changes to the size of the text box, simply use the anchor points on the corners; you can also rotate the box in increments of 45 degrees by using the anchor off the bottom-middle of the box.

If you need to add additional text boxes, you can simply click "New Text" as many times as you need! If you want to copy the text that you've already created, there's a duplicate button available on the text box; you can also determine the layer order by using the "Bring to top" button. Should you need to remove your text box, you can remove them by using the Delete button.

Adding Stickers

If you're adding an image that you want to add a bit more flair to, you can look at using Stickers to add that as you need. The best part about Stickers is that you're able to look at utilize the awesome preset Bananatag Stickers, or you can look at using the Upload button to bring your own style or branding to your communications. When you choose to Upload your own Stickers, you'll get a "Custom" button added in for quicker navigation through your Stickers and the Bananatag Stickers.

Adding Stickers to your images is as easy as clicking on the Sticker you want to include. Once it's in place on your image, you'll be able to move this around by clicking and dragging, resize with the corner anchors, and rotate with the middle anchor. You'll also have the options on the selected Stickers for layering, horizontal flipping, duplicating. Within the left-hand pane, you'll find options for replacing the chosen Sticker, and changing the opacity as well.

Using Brushes

Occasionally you'll want to add some detail, or perhaps draw attention to a specific portion of your images. One way that you can accomplish this is with Brushes! Brushes are a very simple tool, which simply provides you with a Brush that can be used to manually draw on your images, with options available to change the color, Brush size, and the hardness of the brush edge. Should you add to your image with your Brush tool and want to remove this, you'll want to use the Undo button.

Adding Frames

It may be the case that your images feel like they need to be bordered in a way that looks more interesting than just having an image inserted in your communication; for this, we offer some preset image Frames that can add a bit more style for you. In the left-hand pane, you'll find the options to replace the Frame and change the Frame opacity and width; for the Art Decor Frame, you'll find a Fill checkbox, which will allow you to change the color for this frame in particular.

Adding an Overlay

If you're looking to really liven up your images, we've got the thing for you! Overlays can completely revamp the look of your image in fun and interesting ways and offer a number of different options for effects. When you select an Overlay within the left-hand pane, you'll be able to click through some different effects for that Overlay, and use the slider to determine the level of effect applied with the Overlay. If you want to remove an Overlay that you've applied, just be sure to scroll to the top of the list of Overlays and select "None".

Image Link

Just below the Edit button used to open the Image Editor, you'll find a space that you can insert an Image Link. This is as straight-forward as simply pasting your intended destination into this field, so that your recipients can click the image and reach the page you're wanting to provide them with.

Alternative Text

Given the immense number of email users nowadays, it's not uncommon that someone viewing your message may have some visual impairment that prevents them from being able to easily determine what the image is of. In instances like this, you can use the Alternative Text field to provide a written description of what is within the image, as this can be provided to website viewers to give them insight on the content of the image itself. This accessibility option can be especially helpful when communicating in industries such as Banking, Education, and Government.