Adding, adjusting, replacing, or removing images

Adding, adjusting, replacing, and removing images in the B12 Editor allows you to customize your website’s visual content easily. Follow the steps below to manage images within your website.

Adding an image

1. Log in to your B12 Editor.

2. In the left sidebar, click  Website >  Pages.

3. Select the section where you want to add an image.

4. Scroll down to Background media.

5. Choose one of the following options:

• Library: This lets you upload your own media. Click Upload media, select your image, then click Continue. Uploaded files are stored in your Library for future use.

• Search: Use free, open-license images from Pexels. Type a description in the Search free photos field, select your image, then click Continue.

• AI Assist: This allows you to generate an AI image that fits your vision. Enter a description in the Image description field, choose a type and style, then click Generate.

After confirming, the photo will automatically be added. You can customize the look of your media by changing the section layout. 

Adjusting an image

1. Select the section where you want to adjust the image.

2. Scroll down to Background media.

3. Click Edit to open the image editing panel. You can crop, clip, rotate, or apply filters to adjust the image as needed.

4. When finished, click Save.

Replacing an image

1. Select the section where you want to replace the image.

2. Scroll down to Background media.

3. Click Replace. The options Library, Search, and AI Assist will appear again.

4. Choose your preferred option, select your new media, then click Continue.

Removing an image

1. Select the section where you want to remove the image.

2. Scroll down to Background media.

3. The current image will appear. To remove it, click the ✖️ in the upper-right corner of the image. This removes the image immediately.

When finished, click Publish in the upper-right corner of the editor and review your website to confirm the image appears correctly.

See also:

• Replacing a background image or video
• What kind of images can I use on my website?
• What image and video resolution should I use?
• ​Permanently delete an image from the library