Website Building » Wix » How Do I Put an Image in a Shape on Wix?

How Do I Put an Image in a Shape on Wix?

Last updated on October 1, 2022 @ 7:55 am

Adding an image to a shaped container on Wix is a great way to stylize your website. There are a few different ways to do this, depending on the look you’re going for.

If you want to add an image to a shaped container and have it automatically resize to fill the container, you can use the “Image” element from the Wix Editor. Simply drag and drop the element into your container, upload your image, and voila! Your image will automatically resize itself to fill the container.


Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

PRO TIP: If you are planning to use the Wix platform to create a website, be aware that there are some limitations on how you can add images to shapes. In particular, you cannot add images to shapes that are created using the Wix Editor. Instead, you will need to use the Wix Code Editor to add images to shapes.

If you want more control over how your image looks in the shaped container, you can use the “HTML” element. This gives you the ability to style your image using HTML code. For example, you can add a border or make the image circular by adding a class to your “img” tag.

Once you’ve added your HTML code, simply preview your website to see your image in the shaped container.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.