A imagem redonda no CSS está sendo muito utilizada atualmente e, claro, para facilitar e não fazer via editor gráfico, te explico como fazer via CSS.

Segue o código css:

img{
  /*arredonda a imagem*/
  border-radius: 100%;
  /*deixa a imagem quadrada*/
  height: 200px;
  width: 200px;
  /*nao deixa que a imagem fique esticada*/
  object-fit: cover;
  /*deixa a imagem centralizada*/
  background-position: center center;
}

Segue um exemplo abaixo:

See the Pen imagem redonda CSS by brunofolle (@brunofolle) on CodePen.


#css