Splash Blocks

A splash block allows you to have a background image covering the entire block. These are great for breaking up content while keeping your design looking beautiful.

Creating a Splash Block

To create a splash block, select the 'Splash' icon from your content menu.

Decide whether you want an image or video. In this example, we're going to use an image.Click on 'Add Image/Video'.

You have the option of:

  • selecting one of our royalty-free stock images or videos.
  • uploading and using one of your own images.
  • embedding a YouTube video (simply by inserting the video's URL).

There's a range of options for tweaking your splash image:

  • You can set it at full page / one-half page / one-third page
  • You can have the image standalone, or you can place text on it. You can also have the text appear on a semi-transparent white background for greater contrast.

Note: Splash background videos are static on mobile browsers (i.e., only a screenshot of the video is visible).

Tips for a Great Splash Background

A great splash image can make your Qwilr Page sing. To help with this, we provide hundreds of stock Splash images (and videos) for you to use.

However, if you would like to find more background images we have three tips:

  1. The Stocksis a great resource. It aggregates around a dozen excellent splash image websites. All are royalty free and ready to use.
  2. Google Image Searchhas a filter that allows for royalty free image search. This means you can sometimes find great photos of specific places / things for free.
  3. Take your own photos! Having photos of your project, previous work, or team is a great way to make it personal.

Also, as mentioned above, you can add background videos from YouTube.

Image File Sizes and Resolutions

The best ratio for a Splash image is 16 x 9. At Qwilr, we use images that are 1600 pixels wide by 900 pixels high, but you can use bigger or smaller images if you wish.

Splash images can be up to 2mb in size. If you have an image you want to use, you will need to reduce the size before you can upload it to Qwilr.

You can reduce the file size of an image by using free services like TinyPNGor reduce the image resolution (and therefore file size) using the Preview app on Mac – simply open Preview and select Tools > Adjust Size. On Windows, you can right-click the image and select 'Reduce Size'.