이걸 사각형에서 원형으로 어떻게 변경하나요?
어디에 게시해야 할지 몰라서 죄송합니다!
원본 이미지가 여기 없으므로 정확한 원인을 알기 어렵습니다. 아바타는 기본적으로 원형으로 잘립니다. 이는 해당 사이트의 사용자 설정 때문이거나, 이미지 자체의 배경이 투명하기 때문일 가능성이 높습니다.
그러면 커스터마이징이군요 ![]()
이 주제는 좀 오래되었지만, 아바타의 둥글기 정도를 CSS의 border-radius 설정으로 조절할 수 있다는 점을 추가하고 싶었습니다. (저희는 6px로 설정해 두었습니다):
img.avatar {
border-radius: 6px;
}
숫자가 클수록 모서리가 더 둥글어집니다. 0으로 설정하면 아바타가 완벽하게 사각형이 됩니다. 24px로 하면 완벽하게 원형이 되는 것 같습니다. 따라서 아바타가 어떻게 보이길 원하는지에 따라 아주 세밀하게 조절할 수 있습니다. 사각형 아바타를 레트로한 구형 TV 화면처럼 보이게 할 수도 있죠. ㅋㅋ
참고: 아바타의 둥글기는 데스크톱과 모바일 뷰에서 약간 다르게 보일 수 있으므로, 별도로 제어하는 것이 좋습니다.
아주 유용할 수 있는 Customization > Theme component 도 있습니다 - Avatar Size and Shape ![]()
오, 멋지다. 그건 못 봤어. 고마워.