How are pictures in an unusual form created?

Question

Design

How is such an image created as in the attached screenshot? (look at the woman on the right). This picture is smoothly cropped and I saw this on many sites, but did not understand how it is called correctly, how to find it.

Answer 1

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

Answer 2

You can do it in different ways:
1. You can prepare an image in advance in a graphics editor, save it in a format that supports a transparent background (for example, png). Here is an example
2. css property clip-path You can set the form as svg

Answer 3

Probably, the picture is prepared in a graphics editor. Simple free-cutting or masking. At the output, you still have a rectangular object.