• 1
  • Question
  • Updated 7 years ago
  • Answered
What is the correct size for a background picture for a yola website
Photo of HayleyG


  • 11 Posts
  • 1 Reply Like

Posted 7 years ago

  • 1
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hello Hayley,

Although you can use any size for a background image, if your image is too narrow you may get a tiling effect. The height of the image is less of an issue as your page will expand based on how much content you add to it. Another thing to keep in mind is depending on your visitor's monitor size, the picture background may or may not look the same as on your monitor. As a general rule of thumb for web development, one should not bank on specific dimensions.

Having said this, you can still trying the following:

1. Use an image that will tile nicely such as a solid color, or a subtle texture that will tile seamlessly (so you cannot see the edges when one image is placed next to another one).
2. Upload a picture that is approximately 1500-1700 pixels in width to avoid tiling for most monitor sizes. An image of this size usually means that your file will be quite large which may cause your page to load up slowly. It is recommended that you compress your image to help resolve this issue. Here's an image compressor that you can use:

You may be interested in these background image generators:

* The Tartan background pattern generator:
* Stripe generator:
* Ribbon generator:
* Palette generator (generates a palette based on a pic) if you want to match your background to a color on a pic:
* Gradient Image maker:
* BG Patterns:
* Eos Development:
* Hex color generator:
* PatternCooler:

Please visit our tutorial for more information on Personalizing your Style: