Как скруглить границу картинки?

Question

[raury]

border-radius загибает слишком сильно.

Comments

[Антон Р.]

Наложить SVG нужной формы и цветом как фон.

Answer 1

[Рома Зварич]

В вопросе только небольшое изображение. Сложно понять контекст.

Как вариант
1) Через векторный редактор вырезаете фигуру
2) UPD: Добавляете в коде SVG-фигуры атрибут preserveAspectRatio="none" (пункт добавлен на основании замечания от Рустам Байназаров )
3) Через псевдоэлемент располагаете его по правой грани картинки

Результат:
https://codepen.io/hisbvdis/pen/YzKLZQW

Comments

[Rustam Bainazarov]

raury, дополню, что SVG-картинке нужно, как и в примере, обязательно добавить атрибут preserveAspectRatio="none", иначе она будет соотношение сторон держать, а это тут не нужно.

Изначально просто данный атрибут с этим значением не проставляется.