---
title: How to Add an Image Layer to a Layer Slide (Pro)
description: "MetaSlider Pro lets you place an image on top of a Layer slide's background, such as a logo, a badge or a ready-made text banner. You add it with the image button in the layer editor, then size and animate…"
url: "https://www.metaslider.com/docs/add-an-image-layer/"
updated: "2026-10-09"
category: "Slideshow: Layer Slides"
---

# How to Add an Image Layer to a Layer Slide (Pro)

MetaSlider Pro lets you place an image on top of a Layer slide's background, such as a logo, a badge or a ready-made text banner. You add it with the image button in the layer editor, then size and animate it like any other layer.

## How to Add an Image Layer to a Layer Slide (Pro)

Before you start, upload the image to your Media Library. For an overlay, a PNG with a transparent background works best, because the slide's background shows through it.

1. Go to Media, then Library, and click the image you want to use. In the 'Attachment details' window, click 'Copy URL to clipboard'. You will paste this link in the layer editor.

   ![Copy URL to clipboard button in the Media Library attachment details](https://www.metaslider.com/wp-content/uploads/2026/10/add-an-image-layer-01-copy-file-url-scaled.png)
2. Open the slideshow you want to edit. On the Layer slide's 'General' tab, click 'Launch Layer Editor'.

   ![Launch Layer Editor button on a Layer slide](https://www.metaslider.com/wp-content/uploads/2026/10/add-an-image-layer-02-launch-layer-editor-v2.png)
3. Click 'New Layer' to add a layer, or click an existing layer to select it. A new layer starts with the text "New Layer", so click inside it and delete that text first. Then click the image button in the toolbar, the picture icon next to the background color button.

   ![Image button in the layer editor toolbar](https://www.metaslider.com/wp-content/uploads/2026/10/add-an-image-layer-03-image-button.png)
4. In the 'Image Properties' window, paste the link into 'URL' and describe the image in 'Alternative Text'. Set 'Width' to 100% and leave 'Height' empty, so the image scales with the slide on every screen size. Click 'OK'. To make the image a link, open the 'Link' tab in the same window and add the address.

   ![Image Properties window with the image URL and a width of 100%](https://www.metaslider.com/wp-content/uploads/2026/10/add-an-image-layer-04-image-properties.png)
5. You can also choose how the layer appears. Next to 'Animation', pick an effect such as 'fadeIn' and how many seconds to wait first, then click the play button to preview it.

   ![Animation settings for an image layer in the layer editor](https://www.metaslider.com/wp-content/uploads/2026/10/add-an-image-layer-05-animation.png)
6. Resize the layer with your mouse: drag its edges or corners until the image fits the area you want. Click 'Close', choose to save your changes, then save the slideshow.

Your Layer slide now shows the image on top of its background.