Using CSS can CGSMARTIMAGE set a responsive background

[CapereSpiritum]

Hi Folks

CMS Version 1.12.1

Installed Modules
CMSMailer 5.2.2
CMSPrinting 1.0.5
FileManager 1.4.5
MenuManager 1.8.7
MicroTiny 1.2.9
ModuleManager 1.5.8
News 2.15.2
Search 1.7.13
ThemeManager 1.1.8
Album 1.10.3
CGSimpleSmarty 1.9.1
CGExtensions 1.49.9
JQueryTools 1.3.6
CGSmartImage 1.20.3
CompanyDirectory 1.22.7

I'm trying to set a full screen responsive background image in CSS.
I've learnt that CGSmartImage can increase image load speed without having to compress the jpeg to a point where it loses definition.

I read the CGSmartImage help file and searched the Forum but cannot find a post that covers the above.

My website is http://new.best-fishing.co.uk/. It's way off from live, but you'll get the idea.

You can see the BG image is not crisp as I've had to compress it a lot

I'm fine with CSS, just need a pointer to combine with CGSmartImage.

Simon

[velden]

Don't you think it would be better to use css media queries to load different sized background imaged depending upon viewport size?

[CapereSpiritum]

Absolutely.
What you see now is Full screen.
As I understand it, CGSmartImage has the ability to manage larger images better.
Or is it not the case?