아이덴티콘 만들기

아이덴티콘이 뭔가요

아이덴티콘(identicon)은 아이디나 이메일 같은 글자로 만든 고유한 무늬 아이콘이에요. 같은 글자를 넣으면 언제, 어느 기기에서 만들어도 똑같은 그림이 나오고, 글자가 한 자만 달라도 완전히 다른 그림이 나와요. 깃허브·워드프레스 같은 서비스가 프로필 사진을 올리지 않은 사용자에게 기본 아이콘으로 쓰는 방식이에요. 동호회 명단, 사내 메신저 기본 프로필, 게임 캐릭터 문양처럼 사람마다 구별되는 기본 그림이 필요할 때 써요.

쓰는 법

• 글자를 넣으면 바로 아이콘이 바뀌어요. 스타일(격자·삼각형·동그라미), 배경, 모양(정사각·둥근 모서리·원)을 고르세요.
• SVG는 아무리 키워도 깨지지 않는 벡터 파일이고, PNG는 128~1024px 중에서 골라요.
• 여러 명 한 번에 칸에 한 줄에 한 명씩(최대 500줄) 넣으면 목록으로 보여 주고, 파일 이름이 그 글자인 SVG·PNG를 ZIP으로 받아요.

어떻게 만드나요

입력한 글자(앞뒤 공백 제외)를 브라우저의 Web Crypto로 SHA-256 해시(256비트)로 바꿔요. 앞 2바이트로 색상(색상환 각도)을 정하고, 나머지 비트를 차례로 읽어 칸마다 칠할지, 어떤 삼각형·원 크기를 쓸지 정해요. 격자는 왼쪽 절반을 오른쪽에 거울처럼 복사해 좌우 대칭이라 사람 얼굴이나 문장처럼 보기 좋아요. 사이트 디자인에 맞춰 초록 계열 색상은 쓰지 않아요.

주의

해시는 원래 글자로 되돌릴 수 없지만, 흔한 이메일 주소라면 누군가 같은 주소를 넣어 보고 같은 그림인지 확인할 수는 있어요. 공개 게시판에 쓸 때는 이메일 대신 닉네임이나 회원 번호로 만드는 것이 좋아요. 다른 서비스(깃허브 등)의 아이덴티콘과는 계산 방식이 달라 같은 글자라도 그림이 달라요.

참고한 자료

• Wikipedia — Identicon
• NIST FIPS 180-4 — Secure Hash Standard (SHA-256)