이니셜 아바타

이니셜 아바타가 만들어지는 방식

이 도구는 입력한 텍스트의 앞 1~2글자를 컬러 배경 위에 큰 글자로 얹어 프로필 이미지를 만듭니다. 한글 이름 "김민수"를 넣으면 앞 두 글자인 "김민"이, 영문 이니셜 "JH"를 넣으면 "JH"가 그대로 표기되는 식입니다. 세 글자 이상을 입력하면 앞 두 글자만 남기므로, 영문 이름은 "MK"처럼 이니셜을 직접 입력하는 편이 의도한 대로 나옵니다. 글자 수가 1~2자여야 작은 크기에서도 또렷하게 보입니다. 브라우저의 Canvas에 배경과 글자를 직접 그린 뒤 200×200px 정사각형 PNG 이미지로 내보내므로, 서버에 이름을 전송하지 않고 기기 안에서 처리됩니다.

배경 색은 어떻게 정해지나

배경색은 입력한 글자를 숫자 값(문자 코드)으로 바꿔 모두 더한 뒤, 미리 준비된 8가지 색 팔레트의 개수로 나눈 나머지로 결정됩니다. 그래서 같은 이름을 넣으면 항상 같은 색이 나오고, 이름이 달라지면 대체로 다른 색으로 갈라집니다. 팀원 명단을 한 명씩 넣어도 사람마다 일관된 색이 배정되는 이유입니다. 다만 색이 8가지뿐이라 인원이 많으면 서로 다른 이름에 같은 색이 배정될 수 있습니다. 색을 직접 고르는 옵션은 없으며, 글자 색은 8색 모두와 대비가 충분한 흰색으로 고정돼 있습니다.

이런 상황에 씁니다

사진을 올리기 부담스러운 커뮤니티·업무툴 프로필, 사진이 아직 없는 회원의 기본 아바타, 발표 자료나 조직도의 인물 자리표시자, 채팅 앱의 그룹 구분용 아이콘 등에 활용합니다. 실제 얼굴 사진 대신 이름 첫 글자만으로 서로를 구분해야 할 때 특히 유용합니다. 여러 명을 만들 때도 200×200px 정사각형이라는 같은 규격으로 저장되고 이름별로 색만 갈라지므로, 목록에 나란히 놓으면 정돈된 느낌을 줍니다.

선명하게 뽑는 팁

저장되는 파일은 200×200px 정사각형 PNG 한 가지이고, 배경색이 모서리까지 꽉 채워진 상태로 저장됩니다(원형은 화면 미리보기에서만 보이는 표시 방식입니다). 대부분의 서비스가 프로필 이미지를 정사각형으로 받아 원형으로 잘라 보여주기 때문에 목록·댓글용으로는 이 크기로 충분합니다. 큰 프로필 화면처럼 더 높은 해상도가 필요하면 저장한 PNG를 이미지 편집 도구에서 확대해 쓰세요. 글자는 1~2자여야 축소 표시에서 뭉개지지 않으므로, 세 글자 이상인 이름은 앞 두 글자만 남기거나 영문 이니셜로 바꿔 입력하는 편이 좋습니다.

자주 묻는 질문