Как создаются картинки в необычной форме?

Question

[Роман Тузов]

Как создаётся такое изображение как на приложенном скрине? (смотреть на женщину справа). Это картинка плавно обрезана и я на многих сайтах такое видел, но не понимал как правильно это называется, как найти.

Comments

[Rustam Bainazarov]

Эта картинка называется картинкой.

Answer 1

[Adamos]

https://css-tricks.com/clipping-masking-css/

Answer 2

[RokeAlvo]

можно по разному:
1. Можно заранее приготовить изображение в графическом редакторе, сохранить его в формате поддерживающем прозрачный фон (например png). Вот пример
2. css свойство clip-pathМожно форму задавать в виде svg

Answer 3

[Антон Иванов]

Вероятно, картинку готовят в графическом редакторе. Простая обрезка по свободному контуру или маскирование. На выходе то у вас все равно прямоугольный объект.