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:
- Adding an inline image
- Resizing an inline image
- Aligning an inline image
- Adding a circle frame to an image
- Removing an inline image
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:
- 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.
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.
In need of support? Reach out to us at [email protected].