Как сделать такой бэкграунд футеру?

Ну если вам так неправильно картинкой (?!), делайте кучу блоков с border-radius: 100% и размещайте их на абсолютном позиционировании (не надо).

А вообще, это картинка. Футер у вас будет из двух блоков: верхний с фоном (можно псевдо-элементом сделать вообще, как я) и нижний с контентом:

Эта картинка будет весить 10-15 кб. может и меньше. вставляй, не парься.

Проще в svg пихнуть

Только вставляйте не растр, а svg. Такие круги в inkscape можно нарисовать за 1-2 минуты, а весить будет меньше 1 кб. после минификации, а картинка, в лучшем случае около 10кб.

Берем вариант от Рустам Байназаров , отрисовываем в SVG по совету Владимир Проскурин и получаем картинку менее 500 байт.