Question about background

I am interested in using only a color and setting my background image to none on the main, phone, and tablet css files. I have added the following:

body {
    background-color: #mycolor;
    background-image: none;    
}

I am wondering if I should do it this way or just make a background image with the color I want and rename it to sys-bg-main-2x.jpg and sys-bg-main.jpg and just re-upload the 2 images each time an update is to come out versus changing the css sheets each time. Seems more logical just to replace the 2 images each time.

Opinions? Thanks in advance.

USING THE COLOR #FFFFFF AS AN EXAMPLE - I THINK OWULD BE BETTER THAN USING AN IMAGE FILE. THE IMAGE FILE HAS TO BE LOADED AND CAN TAKE TIME THUS MAY SLOW DOWN YOUR PAGE LOAD TIMES.

(SORRY FOR THE CAPS, AT WORK AND THIS IS WHAT WE USE)

I decided to put the css back as it was and make a jpg of just color. It's only 11kb and 52kb for the 2x image. The default images from Boonex are 361.5kb and 127.8kb so it's actually better than originally.

Loading my background images won't even be noticeable, especially in cache.