Sí la imagen tiene bordes dentados debe ser por la forma en la que fue exportado el .png, ahora hay varias maneras de solucionar algo así en css, por ejemplo coges el contenedor de la imagen y le declaras un
overflow:hidden, para que no se vea nada que rebase el tamaño definido para el elemento y luego lo redondeas usando:
border-radius:50%;, también podría tener que ver con el render de la iamgen:
https://developer.mozilla.org/en-US/...mage-rendering.
Pero la verdad, es que me pregunto
¿Por que lo quieres hacer como imagen, sí perfectamente lo puedes hacer solo con CSS?