Rendre n'importe quelle image ronde sans détruire ses proportions

Dans ce tuto CSS, je vous propose de vous montrer comment il est possible de rendre n'importe quelle image ronde, mais surtout sans détruire ses proportions.
Cela sera très pratique pour intégrer une image d'avatar dans un cercle, au sein d'une interface web ou application. 

Beaucoup de développeurs plus ou moins expérimentés inventent tout un tas de lignes de code pour arriver à ce résultat. 
Cependant, un bon développeur n'est pas celui qui va totaliser le plus grand nombre de lignes de code, bien au contraire !

Vous allez voir qu'en 4 lignes seulement, nous serons capables de rendre n'importe quelle image ronde, sans jamais détruire ses proportions.
Si vous débutez en HTML et en CSS, je vous propose de devenir très à l'aise avec ses langages, de manière simple, rapide et efficace grâce à ce cours en ligne !