Change top header to custom

I would split this into three:

1) Background (red and black image)
2) Logon on left (or top on smartphones)
3) Site description TEXT on right (or below logo on smartphones)

My reasonings are:

1) If I ever change my mind, I can easily edit the site description text without having to re-do the entire image
2) Making one large image will probably make the text too small to read on mobile devices.
3) There may be a little SEO juice from having the site description (if keyword optimized) in text form on the page.

Just my two cents though!

Thanks George that sounds like the best option.

So would you do the black and red image as one complete png in the background if so what size would be best to suit all devices?

Ok so I have the background in and centred top!

This looks great on all devices.

Im just struggling to get the logo (in red) and the text positioned correct on all devices.
At the moment the logo and text are together on one image with transparent background.

Is it better to cut the text off and just use that separate and write the text in the SITE TEXT option?

Decided to use the background and text as one image and use the logo as a separate one.. just hope it looks ok on all devices.