Что лучше использовать в данном случае(изображение или фигуру сгенерированную через clip-path: polygon)?

Question

[ellz]

Есть такой шаблон:

Синюю фигуру лучше рисовать в css, с помощью clip-path: polygon или лучше сделать это изображение в Photoshop и потом вставить в css как backgraund-image?
На мобильной версии это выглядит так:

Какой подход более производителен и более правильный?

Пробовал через clip-path, искал всякие генераторы, но ничего не нашел. Точнее фигура получается, но углы слишком острые. Может есть какие нибудь библиотеки?

Comments

[yarnstart]

https://jsfiddle.net/sho4xnvy/ как вариант можно так подогнать, лучше попросить свг у дизайнера ( можно только синюю плашку ) и сверху ещё текст положить

[arzamas-nick]

Можешь ссылку на макет дать ?

[ellz]

arzamas-nick, вот

Answer 1

[forspamonly2]

это выглядит как повёрнутый синий прямоугольник со скруглённым углом