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.

Note: Learn more about uploading a new image, moving images around your page, placing images in 2 columns or managing your image library.

Resizing an inline image

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

Note: The maximum size of your image will depend on the block width you've selected. You can change that width via the Block Styles menu.

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. Click on the trash can icon to remove the image. 

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