background images do not auto-rescale

Question

On the trello site, it's written that background images will automatically scale to fit the browser window. However, this does not seem to work in my chrome browser. Most of the images that are available for use are high-res, and therefore only a tiny pixelated portion of the image appears in my background. Any thoughts?

Lara · Answer

Hi Taylor,

Thanks for reaching out!

Adding to Vero's answer, the way Trello works with board backgrounds is admittedly a bit complicated. The part of Trello that is responsible for handling board backgrounds behaves differently depending on the size of the image you upload.

We recommend cropping and scaling your image to the exact browser dimensions that you use when you use Trello. This should ensure the best fit when using a particular board background.

To determine the image dimensions you should use, follow these steps:

Set your browser window to the size you want it to be for when you use Trello. For example, if you usually use Trello full screen, make your browser window full screen.

Go to http://supportdetails.com/ and note the "Browser Size" value. This represents the Width x Height you'll want to create your image.

In your favorite image editing tool, crop and scale the image the match (or get close to) the browser size you noted above. It doesn't need to be an exact match.

Please let me know if this raises any additional questions.

All the best,

Lara
The Trello Team

Vero Rivas · Answer

Hi @Taylor Newton

Look at this posts, maybe can help you

https://blog.trello.com/card-covers-and-colors

https://help.trello.com/article/818-changing-board-backgrounds

Cheers