Give Me a Gallery Layout for My Uploaded Pictures

Upload, Add, and Edit Images in Emails and Landing Pages

This page is now available in other languages.

Note

If y'all've switched to our new email builder, some of the steps in this article may not use. To learn how to employ the new builder, check out Design an Email with the New Architect.

Mailchimp makes it easy to upload, add together, and edit images in your email or landing page, and so yous can customize the look of your marketing content.

In this article, y'all'll larn how to upload, add, and edit images in your electronic mail or landing folio.

Before you start

• Image requirements vary by layout, template or design. For more information, take a look at our image requirements.
• Themes templates for email are predesigned, so some images and content blocks can't be changed.
• When you upload an image to the content studio, we modify the file proper noun to a unique identifier that can't be duplicated or inverse.
• The content studio supports JPG, JPE, JPEG, GIF, PNG, and BMP image files.
• Using images in text-based content blocks may touch the expect of your designs when viewed on mobile devices. Whenever possible, nosotros recommend placing images in image-based content blocks instead.

Upload an image

When you upload an image, we salvage that file on our servers. The steps to upload images to your designs vary slightly, depending on the type of content block you lot're using.

Upload into an image content cake

The drag-and-drop editor offers a few types of paradigm-based content blocks, including Image, Paradigm Card, Image Group, and Epitome + Text. These instructions explain how to use images with whatever of these types.

To upload an image to one of these content blocks, follow these steps.

1. In the editing pane, click an image content block or drag and driblet a new paradigm content cake type into your layout.
2. Click Browse or Supervene upon to open the content studio.
3. Cull how to upload your image.
   
   • To choose a file from your computer, click Upload, find the file you want, and click Open.
   • To utilise an paradigm that'southward saved online, click the drib-downwardly card side by side to Upload, and choose Import from URL. Input the URL, and click Import.
4. Click Save & Close.

After you insert your prototype, you can customize the settings on your prototype content block, add alt text, go back to the content studio to edit the epitome, or replace or remove it.

Annotation

If your images are named and formatted correctly on your calculator already, you can drag and drop them straight into Mailchimp.

Drag and drop a single image into an epitome content block, or open the content studio and drag a few images to upload in batches.

Upload into a text content block

The campaign builder offers a few types of text-based content blocks, including Text, Boxed Text, and Footer content blocks. These instructions explain how to use images with any of these types.

To upload an image to a text content block, follow these steps.

1. In your layout, click the text block you want to piece of work with, or drag and driblet a new text content block type into your layout.
2. In the editing pane, click the Paradigm icon in the text content block toolbar to visit the content studio. In the editing pane, click the content studio icon in the toolbar.
   
3. Cull how to upload your prototype.
   
   • To choose a file from your calculator, click Upload, notice the file you want, and click Open.
   • To use an image that's saved online, click the drop-downwards menu side by side to Upload, and choose Import from URL. Input the URL, and click Import.
4. In the Edit Image screen, fix optional prototype backdrop or add a URL to make the image a link.
   
5. If yous reduce the image meridian and width, click Use Image URL to link to the original image so recipients can click the paradigm to view it at its original size.
6. Click Relieve & Insert Paradigm.

If yous need to make boosted changes to the image settings later, double-click the image in the text block.

Note

If y'all have difficulty uploading an image or getting an uploaded image to display in your email or page, at that place are a few troubleshooting steps that you tin take.

Detect paradigm URLs

Sometimes, y'all may need to add i of your images in Mailchimp to a custom-coded email template. To practice this, yous'll grab the source URL from the content studio.

To copy an item URL, follow these steps.

1. Click the __Content Studio_ icon.
2. In the sidebar, click the tab that contains the file yous want to use.
   
3. Blazon a term into the search bar to discover the file you want to work with.
   
4. Click the file you want to work with.
   
5. Click the driblet-down bill of fare next to View Details, and choose Copy URL. We'll save information technology to your clipboard.
   
6. Click 10 in the upper-right corner.
7. Paste the copied URL into the Lawmaking Editor, or wherever y'all demand it.

Insert an image

The steps to insert images in the entrada builder vary slightly, depending on the type of content block you lot're using.

Insert into an prototype content cake

The entrada builder offers a few types of image-based content blocks, including Image, Image Card, Image Grouping, and Image + Text. These instructions explicate how to use images with any of these types.

To insert an image into an image content block, follow these steps.

1. In your layout, click the image content block you want to piece of work with and drag it into your pattern.
   
2. In the new content cake, click the Image to open the content studio.
   
3. In the sidebar, click the tab that contains the file y'all desire to utilize.
   
4. Type a term into the search bar to observe the file you want to work with.
   
5. Click the image you want to work with.
   
6. Click Insert.
   
7. Click Save & Close.

Insert into a text content block

Mailchimp'southward pattern tools offering a few types of text-based content blocks, including Text, Boxed Text, and Footer. These instructions explain how to use images with any of these block types.

To insert an image into a text content block, follow these steps.

1. In your layout, click the text content block y'all want to work with.
2. In the editing pane, click the Image icon in the text content block toolbar to visit the content studio.
   
3. Type a term into the search bar to notice the file you want to work with.
   
4. Click the image you want to piece of work with.
   
5. Click Insert.
   
6. In the Edit Image screen, prepare optional image properties or add a URL to brand the image a link.
   
7. Click Save & Insert Image.

Edit an image

Mailchimp'southward content studio includes a congenital-in photo editor with version history. The steps to edit an image may vary depending on the type of marketing content you lot're creating.

To edit an paradigm in your layout, follow these steps.

1. In your layout, click the epitome content block that you want to work with.
2. In the editing pane, click Edit.
   
3. In the photograph editor, click whatever of the editing tool icons to open that tool'due south settings and make changes as needed.
   
4. When you've made all of your changes, click Save.

Nice work! We'll replace the image with the new, edited version.

Utilize another version

The content studio saves versions of your images when you lot make edits. If y'all've edited and saved an image in the past and want to use another version of your epitome, you tin can!

To use another version of an prototype, follow these steps.

1. In the content studio, click the image you want to work with.
2. Click View Details.
3. Nether Revision History, click the image version y'all desire to insert.
   
4. Click Insert.

Next steps

Here are some other helpful manufactures that outline other things y'all can do with images in Mailchimp.

Gear up a Default Logo
Add a Background Prototype to a Campaign
Troubleshooting Images in Campaigns

lippertreave1937.blogspot.com

Source: https://mailchimp.com/help/upload-add-and-edit-images-in-campaigns/

Share this post