Как сверстать такой фон?

Question

[mletov]

Очередной вопрос из тысячи аналогичных)
Как сверстать такой фон? Я имею ввиду скругленный серый блок.
Понятно, что можно просто отрезать в png и не париться. Но может сейчас какие-то более продвинутые способы есть, например, в svg его перегнать или border-radius задать для фона.

Answer 1

[Pavstyuk]

Делаешь в векторном редакторе любую картинку в формате svg по нужным размерам. Ставишь ее в виде фона на нужную секцию background: url('путь/картинка/back.svg') 50% 50% no-repeat;
Можно делать с прозрачными елементами или как фантазия подскажет. Приемущество svg малый размер, если выполнено правильно и оптимизировано хорошо, плюс в любых условиях качественный рендеринг изображения - никаких пикселей ибо вектор.

Answer 2

[Артём Белоусов]

Можно поиграться с Canvas, например, но это не лучшим образом скажется на производительности страницы