SVG 아바타 만들기

1 / 4

이 SVG 아바타 만들기 도구로 플랫 일러스트 캐릭터를 디자인하고 벡터 파일로 내려받으세요. SVG는 작은 아이콘부터 큰 배너까지 어떤 크기에서도 선명합니다.

아바타를 SVG로 내려받는 방법

  1. 1

    아바타 만들기

    「내 아바타 만들기」를 누르고 피부색, 머리카락, 눈, 입을 설정하세요.

  2. 2

    스타일 꾸미기

    옷, 옷 색, 배경색을 고르고, 작품 안에 글자를 넣고 싶다면 표시 이름을 추가하세요.

  3. 3

    내보내기 단계 열기

    도구의 내보내기 단계에서 미리보기를 확인하세요.

  4. 4

    「SVG 다운로드」 누르기

    파일 이름은 표시 이름(영문자와 숫자만)에서 따오며, 이름이 비어 있거나 다른 문자로 쓰였다면 illustrated-avatar.svg가 됩니다.

SVG가 알맞은 때

SVG는 아바타를 픽셀이 아니라 도형(원, 경로, 텍스트 라벨)으로 기술합니다. 여기에는 실용적인 장점이 있습니다. 어떤 크기로 키워도 흐려지지 않고, 색이 정확하게 유지되며, 벡터 편집기에서 열어 색을 바꾸거나 부품을 재배치할 수 있습니다. 웹사이트에서도 이미지 태그로 바로 표시할 수 있습니다.

작품은 1000×1000 단위 캔버스를 사용하므로 기본적으로 정사각형입니다. 어떤 크기로 표시해도 비율은 그대로입니다.

SVG와 PNG 중 무엇을 고를까

하려는 일 더 알맞은 형식
서비스에 프로필 사진 업로드 PNG(SVG를 거부하는 서비스가 많음)
디자인 도구나 웹사이트에 배치 SVG
흐려지지 않게 크게 인쇄 SVG
채팅이나 이메일로 전송 PNG

잘 모르겠다면 같은 화면에서 둘 다 내려받으세요. 두 파일은 같은 디자인을 보여 줍니다.

파일 속 텍스트

표시 이름은 일반 산세리프 글꼴로 SVG 안에 수정 가능한 텍스트로 저장됩니다. 다른 컴퓨터에서 파일을 열면 뷰어가 자체 산세리프 글꼴을 고르기 때문에 글자 모양이 약간 달라 보일 수 있습니다. 글자 모양이 정확히 중요하다면 이름을 비워 두고 나중에 디자인 도구에서 직접 글자를 추가하세요.

나중에 SVG 편집하기

내려받은 파일을 벡터 편집기에서 열어 색을 조정하거나 배경 사각형을 지울 수 있습니다. 이 도구 자체는 투명 배경을 제공하지 않으므로 배경을 지우는 것은 편집기에서 직접 해야 합니다.

포함되지 않는 것

파일에는 정지된 아바타 하나가 들어 있습니다. 애니메이션, 부품별 레이어, 다른 포즈는 없습니다. 다른 표정을 원하면 조절 항목을 바꾸고 다시 내려받으세요.

파일 크기에 관해

SVG 아바타는 단순한 도형 몇 개로 이루어져 있어 파일이 매우 작고, 보통 몇 킬로바이트입니다. 그래서 이메일로 보내거나, 프로젝트와 함께 보관하거나, 웹 페이지에 넣어도 속도에 영향을 주지 않습니다. 대신 호환성에는 주의가 필요합니다. 오래된 프로그램과 많은 업로드 양식은 래스터 이미지만 받으므로 PNG도 함께 갖고 있으세요.

자주 묻는 질문

픽셀 대신 벡터 도형으로 저장한 아바타입니다. 어떤 크기로 키워도 흐려지지 않습니다.

많은 서비스가 프로필 사진으로 PNG나 JPG만 받습니다. 업로드가 거부되면 PNG를 내려받으세요.

표시 이름에서 영문 소문자와 숫자만 사용해 만듭니다. 이름이 비어 있거나 A~Z 영문자나 숫자가 없으면 illustrated-avatar.svg가 됩니다.

아니요. 선택한 색의 배경 사각형이 들어 있습니다. 투명하게 쓰려면 벡터 편집기에서 지우면 됩니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다

사용 가이드와 활용 사례