Adding and managing inline images
Images add great visual impact to your Qwilr Pages. You can add images as splash backgrounds or inline.
In this article:
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.
- Uploading a new image
- Moving images around your page
- Placing images in 2 columns
- 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 any of them.
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. Then click on the trash can icon.
The image file stays in your image library, so you can use it again in the future.