Picture Sizes for Your WordPress Background Image – How to Choose the Right Size

When creating a new wordpress theme, you will be presented with the option of choosing a background image for the site. Typically, you will be given the choice of a small, medium or large sized image.

Depending on your site’s purpose, you may want to consider what size background image to use. If your site is about fashion, for example, you may want to go with a large sized image so that you can fit more clothes.

Looking for a way to choose the right picture size for your WordPress background? Continue reading.

The Bigger The Better

While it’s generally best to go with the largest possible size for your website’s background image, there is no clear-cut rule when it comes to picking your background picture. In fact, the general rule seems to be “the bigger, the better,” as there is always the option to scale down your image if needed.

As a general guideline, you should choose the largest possible size that still fits the intended purpose of your site. Another important factor that makes up for the size of your background image is how well it scales with the rest of your site’s design. While it’s always preferable to choose an image that perfectly fits the screen (for example, if you are on a mobile phone, you may want to go for a phone screen shot as the background image), sometimes this isn’t possible. If this is the case, you may want to consider using a smaller background image.

Keep It Scenic

Apart from the fact that a big image may look better than a small one (in terms of overall appeal), you also need to keep in mind that bigger is not always better. At certain screen sizes, big images may not fit at all or look very pixelated. For this reason, you may want to go for a smaller image so that it fits better on-screen.

If you have a specific area on your site where you want to show off a scenic view or a specific product, go for a small image. For example, if your product is shoes and you have a stylish, fashion-related blog, you may want to go for a small image of a cityscape or an elegant woman walking in high heels. If your product is cars and you are a style-conscious blog, you may want to go for a small scenic image of a landscape or a cityscape from behind the wheel of a car.

Under Construction

Sometimes, it’s not easy to tell whether or not your site is actually up and running. One way to solve this problem is to use an image that can be changed over time. For example, if you are in the process of building a new home or office, you can use the time to your advantage and show off the construction site. If you are adding new furniture or landscaping, you can use the time to your advantage and show off the progress.

In these cases, it’s preferable to use a medium sized background image with a blurred or pixelated look to it. Make sure to add a little “pixelated” effect to the image so that it looks like an actual construction site or office.

Avoid Clutter

Apart from the fact that bigger is better when it comes to background images, bigger is also more cluttered. Just like any other element on your website, bigger pictures will attract more attention than smaller ones. If there is a specific area on your site where you want to keep the attention of readers, go for a smaller image.

If you have a blog that covers fashion and you often post about celebrities or society’s famous people, go for a large image as it could potentially be the source of endless memes. If your blog is more about lifestyle and you often post about places, events and places to visit, go for a medium image as it will allow you to fit in with the majority of site content.

Keep It Simple

While it’s important to keep your website’s design as simple as possible, this goes for the content too. In terms of the background image, keep it simple and sleek. If you want to go for a subtle pattern or color, go for a monochrome image. The simpler the better. In case you need to add a little more color, go for a simple pattern or color instead of a complex image for the background.

Focus On Style

Apart from the size of your image, what’s important is how you present it on your site. Ultimately, it’s all about the style of your blog or website. Is it sleek and modern, vintage or retro?

As a general rule, you should choose an image that matches the overall style of your blog or website. If you are on a fashion blog, go for a fashion magazine’s style image of a glamorous woman or a man in stylish clothes. If your blog is more about lifestyle and you often write about celebrities, go for a celebrity portrait as it will match the style of your blog.

Mobile Friendliness

When it comes to user experience (UX) and being mobile-friendly, bigger is not necessarily better. As a general guideline, you should choose an image that is as close to the screen’s resolution as possible. If you notice, most mobile phone applications make use of a small image as the background. If you think that your image is going to be difficult to read on a mobile device, go for a smaller image.

If you are on a mobile device and you frequently visit different websites, it’s important to remember that the screen’s resolution will vary from phone to phone. If you have a mobile phone, you can test different websites’ resolutions by pressing the “screen” button and making a call. When the call is answered, you will hear a series of beeps. These beeps will correspond to the screen’s resolution. For example, the lowest resolution beep is equivalent to a phone screen’s resolution of 320 x 480 pixels. You can use this as a rule of thumb to know what size image to go for when creating a mobile-friendly website.

Even though bigger is generally better when it comes to background images, the above tips will help you choose the right size for your WordPress background.