Никак не могу разобраться как сделать такой фон через css, задача стоит уменьшить размер сайта, а один фон весит 800кб. Можно ли сделать такой градиент через css? если нет то как еще можно максимально уменьшить размер фона?

Как на картинке НЕ ВОЗМОЖНО.
Но что то таки можно
Ну а обработать можно в графическом редакторе. Photoshop к примеру.
Размер файла в зависимости от качества можно в разы понизить

800 КБ при каком размере и в каком формате?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Я пересохранил в JPG, визуальной потери качества нет, но размер стал 50К вместо 792К.
Почему именно PNG ты выбрал?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Чем больше картинка, тем лучше 1920х1080 например
а растянуть 100%100 под монитор можно скриптом
Jquery посмотрите, там есть

Блин а внатуре пнг же))) Спасибо что заметили мою тупость)) а вообще есть ли какие нить методы сделать такое? скажем разбить задний фон на 5-6 блоков и с помощью линейных и радиальных градиентов сделать такое?

вы же изменили ширину на 1024, при разрешениях 2580х1440 будет выглядеть очень не красиво

Как тогда качественно можно уменьшить разрешение с минимальными потерями кач-ва и максимальным сжатием размера?