Skip to main content

What's the Recommended Size for Background Images?

Why is my background image being scaled? Can I use a high resolution image?

Written by Daniela Turcanu
Updated over a week ago

Walls.io automatically resizes uploaded background images to 1920x1080. If you want to use a higher-resolution background image, for example on a 4K display, the best option is to host the image externally and load it with custom CSS instead of uploading it directly.

body {
background-image: url(https://imgur.com/your_image);
}


You can add the custom CSS by opening your wall and going to Settings > Design:

I've uploaded my image to imgur and my URL didn't work!

After the upload, your window looks like this:

Right-click the uploaded image and open it in a new tab or window, depending on your browser. Then copy the direct image URL from that page.

🔎 The direct image URL should end in .png, .jpg, .jpeg, or .webp. If the URL does not end with an image file extension, it will not work in the CSS background rule.

 

In case you have further questions, don't hesitate to contact the support team via the chat or support@walls.io!

Did this answer your question?