Blobz가 이름으로 같은 SVG 아바타를 만든다

Blobz는 이름이나 사용자명으로 같은 SVG 아바타를 되풀이해 만듭니다. 이 오픈소스 도구는 React에서는 컴포넌트로, 다른 환경에서는 SVG 문자열로 제공합니다. 이미지 파일을 보관하거나 외부 생성 서비스를 부르지 않아도 된다는 점이 반갑습니다. 프로필 하나 때문에 저장소와 호출 경로를 늘리지 않아도 되기 때문입니다.

React 컴포넌트를 앱에 더하는 spell-ui와 마찬가지로 재사용 요소를 제공합니다. 다만 Blobz는 입력값에 따라 반복 생성되는 아바타에 집중합니다.

아바타 파일을 저장하거나 생성 서비스를 호출하는 대신, Blobz는 입력 문자열에서 바로 SVG를 만듭니다. React 앱은 컴포넌트로 붙이고 다른 환경은 문자열을 받아 쓸 수 있어, 적용 위치가 달라도 생성 방식을 이어갈 수 있습니다.

같은 문자열은 같은 아바타를 만들므로 이름이 겹치는 이용자도 같은 얼굴을 받을 수 있습니다. 구분이 중요하다면 이름보다 고유 ID를 입력값으로 쓰는 편이 낫습니다. 로컬에서 생성하는 방식과 달리 호스팅 API를 쓰려면 대시보드와 API를 위한 별도 서비스 설정이 필요합니다. 외부에서 곧바로 이미지 URL을 불러오려는 경우에는 이 설정 차이가 선택을 바꿉니다.

React 앱이라면 @blobz/react를, 그 밖의 환경이라면 @blobz/avatar-core를 고르십시오. 두 환경에서 같은 ID와 팔레트를 넣어 아바타를 만들어 보십시오. 모양이 같으면 파일을 따로 저장하지 않고도 화면마다 같은 이미지를 쓸 수 있습니다. 서비스에서 이미지 URL을 제공해야 한다면 호스팅 API 설정이 필요한지도 확인하십시오.

프로필 아바타를 붙일 때 이미지 파일 관리와 외부 API 설정 가운데 무엇을 먼저 줄이고 싶으십니까?