Use the Photo Editor

Mailchimp’s Content Manager features a built-in photo editor with version history, so you can get the most out of your images. Crop and resize, adjust the levels, or get creative with text, stickers, filters, overlays, and more.

In this article, you’ll learn how to access and use our built-in photo editor.

Before You Start

Here are some things to know before you begin this process.

  • To edit an image in our photo editor, you'll first need to upload it to our Content Manager. To learn more, check out Use the Content Manager.

Access the Photo Editor

You’ll launch our photo editor any time you edit an image in Mailchimp, but the quickest way to access it is through the Templates page.

To access the photo editor, follow these steps.

  1. Navigate to the Templates page of your account.
  2. Click Content Manager.
    templates-contentmanager-button
  3. Choose the image you want to work with.
    contentmanager-chooseimage
  4. Click the drop-down menu next to the View Details button and choose Edit Image.
    contentmanager-dropdown-editimage

This will launch the photo editor, where you’ll see a variety of editing tools.

photoeditor-launch

Available Editing Tools

Here are the available editing tools and what you can use them for.

ToolsDescription
Crop or ResizeCrop, resize, flip, or rotate your image.
FilterChoose from more than 60 different filters.
AdjustRefine the brightness, contrast, saturation, and more.
FocusChoose from radial, mirrored, linear, or gaussian.
TextAdd and customize text.
Text DesignChoose from a number of dynamic text options.
StickerAdd emojis or shapes.
BrushEdit your image with an adjustable brush.
FrameChoose a frame and adjust the width and opacity.
OverlayAdd lighting effects or textures.

Crop, Resize, Flip, or Rotate

Sometimes, you may need to crop, resize, flip, or rotate your photo to make it work for your layout. You’ll use the same editing tool for each.

Crop

To crop your image, follow these steps.

  1. Click the Crop or Resize icon.
    photoeditor-cropresize-icon
  2. Choose one of the four Common Crops.
    • Custom
    • Square
    • 4:3
    • 16:9
  3. Click and drag the the crop to adjust it as needed. To edit one dimension at a time, uncheck the box next to Lock Dimensions.
    photoeditor-cropresize-lockdimensions-unchecked
  4. Click Save.
    photoeditor-save

Resize

To resize your image, follow these steps.

  1. Click the Crop or Resize icon.
    photoeditor-cropresize-icon
  2. Under Common Crops, choose Custom.
    photoeditor-cropresize-custom
  3. Check the box next to Lock Dimensions and enter a new width or height for your image.
    photoeditor-cropresize-adjustwidth
    When you change one dimension, the other will automatically adjust to retain the original dimensions of the image.
  4. Click Save.
    photoeditor-save

Flip or Rotate

To flip or rotate your image, follow these steps.

  1. Click the Crop or Resize icon.
    photoeditor-cropresize-icon
  2. Under the image, click the vertical icon or horizontal icon to flip it.
    photoeditor-cropresize-horizontal
  3. Click and drag your cursor to the left or right to rotate the image up to 45 degrees.
    photoeditor-cropresize-click0
    Click the left icon or right icon to rotate it exactly 90 degrees.
    photoeditor-cropresize-rotateright
  4. Continue to edit your image as needed and click Save.
    photoeditor-save

Add Filter

To add a filter to your image, follow these steps.

  1. Click the Filters icon.
    photoeditor-filters-icon
  2. Choose the filter you want to apply.
    photoeditor-filter-choosefilter
  3. Use the slider to adjust the intensity.
    photoeditor-filter-intensity
  4. Continue to edit your image as needed and click Save.
    photoeditor-save

Adjust Levels

To adjust the levels in your image, follow these steps.

  1. Click the Adjust icon.
    photoeditor-adjust-icon
  2. Under Basics, use the sliders to adjust the brightness, saturation, contrast, and gamma levels.
    photoeditor-adjust-basics
  3. Under Refinements, use the sliders to adjust the clarity, exposure, shadows, highlights, whites, blacks, and temperature levels.
    photoeditor-adjust-refinements
    If you need to go back to the original levels, click Reset Default.
    photoeditor-adjust-resetdefault
  4. Continue to edit your image as needed and click Save.
    photoeditor-save

Edit Focus

To edit the focus of your image, follow these steps.

  1. Click the Focus icon.
    photoeditor-focus-icon
  2. Choose a focus option.
    photoeditor-focus-radial
  3. Use the slider to adjust the blur.
    photoeditor-focus-adjustblur
  4. Click and drag the area of focus to change its size and position.
  5. Continue to edit your image as needed and click Save.
    photoeditor-save

Add Text

To add text to your image, follow these steps.

  1. Click the Text icon.
    photoeditor-text-icon
    Default text will display in the middle of your image.
  2. Replace the default text and adjust the font type, size, or alignment as needed.
    photoeditor-text-styletext
  3. Choose a color for your text and background, or double click a color to customize it.
    photoeditor-brush-colors
  4. Use the slider to adjust the spacing between each line of text.
    photoeditor-text-linespacing
  5. Click the text in your image to resize, rotate, duplicate, or delete it.
    photoeditor-text-rotate
  6. If you want to add more text to your image, click New Text.
    photoeditor-text-newtext
  7. Continue to edit your image as needed and click Save.
    photoeditor-save

Add Text Design

To add an overlay to your image, follow these steps.

  1. Click the Text Design icon.
    photoeditor-textdesign-icon
  2. Choose a color, or double click a color to customize it.
    photoeditor-brush-colors
  3. Choose a text design.
    photoeditor-textdesign-choosedesign
    Click the arrows to cycle through different versions of the same design.
    photoeditor-textdesign-designoptions
  4. Click the text design in your image to resize, rotate, or delete it.
    photoeditor-textdesign-rotate
  5. Optional: Check the box next to Text as Mask to create a transparent text design that covers your entire image.
    photoeditor-croporresize-icon
  6. Continue to edit your image as needed and click Save.
    photoeditor-save

Add Sticker

To add a sticker to your image, follow these steps.

  1. Click the Sticker icon.
    photoeditor-sticker-icon
  2. Click the emoticon or shape you want to add.
    photoeditor-sticker-choosesticker
    The sticker you choose will appear in the middle of your image.
  3. Click the sticker in your image to move, resize, rotate, duplicate, flip, or delete it.
    photoeditor-sticker-rotate
    You can also click Replace to swap the sticker for a different one.
  4. Use the slider to adjust the opacity.
    photoeditor-sticker-opacity
  5. If you want to add another sticker to your image, click New Sticker.
    photoeditor-sticker-newsticker
  6. Continue to edit your image as needed and click Save.
    photoeditor-save

Use Brush

To write or draw on your image with a brush tool, follow these steps.

  1. Click the Brush icon.
    photoeditor-brush-choosebrush
  2. Choose a color, or double click a color to customize it.
    photoeditor-brush-colors
  3. Use the slider to adjust the width and hardness.
    photoeditor-brush-widthhardness
  4. Continue to edit your image as needed and click Save.
    photoeditor-save

Add Frame

To add a frame to your image, follow these steps.

  1. Click the Frame icon.
    photoeditor-frame-icon
  2. Choose the frame you want to add.
    photoeditor-frame-chooseframe
  3. Use the sliders to adjust the opacity and width.
    photoeditor-frame-opacitywidth
  4. Continue to edit your image as needed and click Save.
    photoeditor-save

Apply Overlay

To apply an overlay to your image, follow these steps.

  1. Click the Overlays icon.
    photoeditor-overlays-icon
  2. Choose the overlay you want to apply.
    photoeditor-overlays-chooseoverlays
  3. Click the arrows to toggle through different versions of the overlay and use the slider to adjust the intensity.
    photoeditor-overlays-settings
  4. Continue to edit your image as needed and click Save.
    photoeditor-save

Was this article helpful?

Anything else we can do to improve our site?