Uploading images

Unlocking the power of visuals: elevate your content with stunning images

Qwilr offers 3 ways to upload images to your page. Once you've uploaded, you'll find them in the image library, and you can reuse them any time. 

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

In this article:

• Uploading an inline image
• Uploading a Background image
• Pasting an image
• Dragging and dropping an image
• Organizing your uploaded images into folders (links out to another article)

Uploading an inline image

This method works for inline images. If you want to add a background to a Splash Block, see below.

Step 1. Open any page for editing.  Then, open the image library. There are two ways to do this. First, you can navigate towards the middle of the left-hand side of your screen, and click the Library sidebar.

Alternatively, click the + symbol on any blank line, and choose Image from the menu.

Step 2. The image library will open in a sidebar. From there, click on the Upload button.

You'll be prompted to choose an image from your computer to upload. Once the image is in your page, you can resize, change its alignment, or add a circle frame.

Uploading a Background Image

You can upload an image to use in a Block at any time - during the initial creation of the block or when you update it later.

Step 1. Add any new Block and it'll automatically select a random image from the library.

Step 2. Choose select an image of your choice from the menu to change the image on the Block:

Step 3. You'll then be prompted to either select and image from the library, upload one or drag and drop from your files.

Tint Opacity & Background Blur

To adjust the Tint Opacity and Background Blur, go to the Background settings, select Image, and scroll down to Tint Opacity. Use the Tint Opacity slider to control the transparency of the tint over the background image and then scroll down to Background Blur slider to soften or sharpen the background details.

Tint Opacity

This controls the transparency of the background tint applied to the background image. Increasing the opacity makes the tint more visible and dominant, while lowering it makes it more transparent, allowing more of the background image to show through.

Background Blur

This adjusts the level of blur applied to the background image. Increasing the blur softens the details of the image, making it less distracting and improving text readability if text is overlaid on top. A value of 0 means no blur is applied.

Pasting an image

This method works for adding inline images. It's also handy for moving an image from one location to another.

Step 1. On your computer, locate the image you want to add to your page. Right-click on the image and choose Copy.

Step 2. Head to your Qwilr Page. In any block, place your cursor where you want the image to appear. You should see a + symbol appear next to the cursor.

Step 3. Right-click and choose Paste. Your image will upload automatically.

Now that your image has been uploaded, you can resize it, change its alignment, or add a circle frame.

Dragging and dropping an image

This method works for adding inline images. It's also a good option for adding multiple images at once.

Step 1. On your computer, locate the image you want to add to the page.

Step 2. Head to your Qwilr Page. In any block, place your cursor where you want the image to appear. You should see a + symbol appear next to the cursor.

Step 3. Drag the image file to your Qwilr Page and drop it. It will upload in the location you selected.

From there, you can click on the image to resize it as usual. You can also change its alignment or add a circle frame.

For queries or assistance, contact us at [email protected].