Как сделать круглую картинку?

Question

[FimozMozga]

Всем привет, в верстке особо не силен, но понадобилось сделать круглую картинку. Казалось бы просто, а не тут то было...

Нашел решение в гугле
сделал всё как показано на примере, в итоге получаю это картинка вроде круглая, но скукоженная. Как мне её раскукожить?

Comments

[RAX7]

background-size: cover;

Answer 1

[lUser L]

background-size: cover;
https://codepen.io/5h4dy_s/pen/yLYeGLx

Answer 2

[Типа Программист]

Мне кажется, сама картинка не квадратная) А когда фиксированную высоту и ширину задать ей, она так сказать скукоженная получаеться. У меня так было)

Comments

[FimozMozga]

Да, с квадратными картинками всё хорошо, но стоит загрузить что нибудь другое, то беда

[Типа Программист]

FimozMozga, Сори что не правильно сказал) Попробуйте в html сделать div а в стилях сделать background url, как я понял она тогда не будет такой стянутой. Или попробуйте как тут .