По поводу форматов, то какой нужно в ситуации использовать такой и используйте, нужен прозрачный фон некоторых участков - тогда наверняка png, если на фоне фото - jpg, в другом случае можно и gif, это не есть особо принципиально, всё зависит от самой картинки, которую Вы хотите использовать для фона.
Для подобного стиля не нужно создавать огромное изображение, лучший вариант для такого залить фон одним цветом и сделать фоновую картинку повторяющуюся по горизонтали. Сделать эту картинку нужно так, чтобы она плавно переходила внизу в цвет, который Вы использовали для фона.
Например написать в стилях:
background: #ff6699 url('bodybg.png') center top repeat-x;
Это конкретно для Вашего случая.
[вложение удалено администратором]