Adding and managing inline images

Images add great visual impact to your Qwilr Pages. You can add images as splash backgrounds or inline.

Note: Qwilr supports JPEG, PNG, and GIF files of 5 mb or less.

Adding an inline image

You can add inline images to any block except the Embed Block. 

There are two ways to add an image to your page, and you can use them interchangeably. 

First, you can open any page for editing, head to the top left corner, and click the Show Library icon.

Alternatively, while you're editing any page you can click on the + symbol from any blank line, and then choose Image.

Either action will open your image library in a sidebar display. You'll find your saved blocks here as well as your images. Each section has a tab, so be sure to click on Images.

By default, you'll see a display of images you've already uploaded. To access the other folders in your image library, click on Uploads

From there, you can choose an image from our Unsplash stock library, or grab an image you've recently used. When you find the image you want, you'll be able to click and drag it into your page.

Learn more: 

Resizing an inline image

To resize an image, click on it to bring up the blue handles at the corners. Click and drag any of them.

You can also utilize our wide and full bleed options beyond inline content. This way your image can be wider than the text, or fill the page left-to-right.

Aligning an inline image

You'll be able to align your image to the left or center. Click on your image so the toolbar pops up, and then choose your alignment.

Adding a circle frame to an image

Some images look best as circles. You can change any inline image to a circle by clicking on it to bring up the styling toolbar. Then choose Circle Frame from the image frame menu. 

If you need to reposition the image in the circle, click Reposition in Frame. You can then click and drag the image itself, and drag the slider to change its size.

After that, you can click and drag the corners to resize the new circle image. 

Removing an inline image

To delete an inline image, click on it to bring up the toolbar. Then click on the trash can icon.

The image file stays in your image library, so you can use it again in the future.

Still need help? Contact Us Contact Us