What's the recommended background image size?

Do you want to replace a background image in the block? Then please consider the following recommendations into image size and resolution.

  1. The best website background image size is 1920 x 1080 pixels and the ideal ratio is 16:9.
  2. The dpi (dots per inch) should be at least 72, yet consider keeping the file size as small as possible to minimize site loading time.

Warning: The incorrect image size can lead to pixelation, stretching, and other viewing issues.

  1. To ensure that your image shows well in all browsers, spend some time testing it. If you use Chrome, for example, make sure the image also loads and displays properly when using Safari and Firefox.
  2. You should also preview your background on a smartphone and tablet. This tutorial explains how to change the background image on the mobile.

Once you have replaced the image, click Publish to make the changes live.

Other helpful articles

Adding an animated background

Adding block background overlays

Replacing a block background on mobile

Was this article helpful?
0 out of 0 found this helpful