mir.pe (일반/어두운 화면)
최근 수정 시각 : 2024-11-25 05:49:39

Gravatar

파일:Gravatar 로고.svg
1. 개요2. 특징3. 이미지 등록 방법4. API5. 나무위키에서6. 단독 문서가 있는 Gravatar를 사용하는 웹사이트
6.1. 국내6.2. 해외

1. 개요

Gravatar는 블로그에 글을 쓰거나 댓글을 쓰는 것 같은 일을 할 때 이름 옆에 나타나서 사이트마다 당신을 따라다니는 그림이에요. 아바타는 블로그나 웹 포럼에 올라온 당신의 글들을 확인하는 것을 도와줘요. 모든 사이트에서 안 될 이유가 있나요?
- 한국어 공식 소개문

공식 홈페이지

워드프레스 등지의 웹사이트에서 사용하는 아바타 시스템. 사용자지정 이미지를 자신의 이메일과 연결시켜 이를 지원하는 어느 곳에서든 간편하게 사용할 수 있다.

Gravatar라는 단어는 Globally recognized avatar[1]의 줄임말이다.

2. 특징

Gravatar에 워드프레스 계정으로 가입할 경우 등록된 이미지를 모든 워드프레스 관련 사이트에서 사용할 수 있으며, 웹사이트에 댓글을 달면 자동으로 댓글 옆에 지정 이미지가 따라 붙는다. 이는 어디까지나 선택이기 때문에 이미지를 사용하기 원치 않는 곳은 제외시킬 수 있다. 이미지를 설정하지 않은 상태에는 관리자가 지정한 도트 이미지가 자동으로 출력된다.

Gravatar 사이트 한 곳에서 이미지를 설정하는 것만으로 이와 연결된 모든 앱 및 사이트의 프로필에 즉각 반영할 수 있으며, 이러한 편리성 덕분에 굳이 워드프레스가 아니더라도 외국의 웹사이트 앱에서 회원정보를 데이터베이스에 저장하는 수고를 덜기 위해 이를 연동시키는 경우가 종종 있다. 다만 캐시를 사용한다면 변경한 아바타가 바로 적용되지 않을 수 있다.

국내에서는 이메일 인증이 대세가 되기 전, 주민번호를 기반으로 한 인증이 주로 쓰였고 사이트 별로 프로필 사진이나 정보를 각자 생성하는 방식이 초창기부터 지금까지 대부분 쓰이고 있어 인지도가 낮다. 따라서 사용되는 곳을 찾아보기가 쉽지 않다.

3. 이미지 등록 방법

파일:brqHqM5.png
Gravatar 홈페이지에 접속한 뒤 상단 탭의 로그인 버튼을 클릭하면 상단의 로그인 화면이 나온다. 하단의 Create an Account 버튼을 클릭한 다음 타 사이트에서 소유하고 있는 계정 주소[2]를 입력하자. 인증 메일을 받을 때 필요하다.
Gravatar를 사용하기 위해서는 워드프레스와는 별도의 가입이 필요한데, 이미 워드프레스 계정을 소유하고 있다면 해당 계정의 이메일을 그대로 사용할 수 있다.
파일:YG9KjEq.png
메일 주소를 입력하면 자신의 계정으로 확인 이메일을 전송했다는 메시지가 출력된다. 해당 계정의 사이트에 접속해 로그인한 후 확인 이메일에서 Activate Account 버튼을 눌러 확인을 완료하자.
파일:VaCWsq1.png
확인을 완료했다면 Gravatar 페이지의 상단 메뉴에서 My Gravatars를 클릭하여 Gravatar 설정 탭으로 들어간 다음 Add a new image 버튼을 클릭해 이미지를 지정할 수 있다.
권장하는 사진 크기는 100x100의 정사각형 이미지이다. 그렇기에 이미지는 정사각형 모양으로만 등록되며, 정사각형이 아닌 직사각형 이미지를 등록하면 이미지 중 일부를 정사각형 모양으로 크롭할 수 있는 과정을 거친다. jpg, png, gif 등의 포맷을 모두 지원하지만 gif 파일을 사용해도 이미지가 움직이지는 않는다. 이미지를 등록했다면 해당 이미지의 연령 등급(G, PG, R, X)을 지정할 수 있다.

4. API

Profile as a Service
Gravatar 공식 API 문서

전세계 유저들의 방대한 프로필 데이터베이스를 공개 API를 통해 제공하고 있으며, 비단 워드프레스만이 아닌 수많은 사이트가 동일한 그라바타를 사용할 수 있는 이유가 이 덕분이다.

크게 아바타 API와 프로필 API 두 종류로 나뉘며, 두 API 모두 이메일 주소를 키로 사용한다.[3] 정확히 말하면 정규화 후 sha256[4] 해시 함수를 거친 값이 식별자가 되는데, 이는 정보의 비가역성 때문이다. 비전공자를 위해 쉽게 설명하자면 이메일 주소를 그냥 사용할 경우 개인정보 노출의 위험이 있기 때문에 특수한 처리를 거쳐 알아볼 수 없게 만든 문자열을 사용하며, 이 때문에 아바타 이미지로 계정 주인의 이메일을 알 수는 없지만 역으로 이메일을 안다면 아바타를 쉽게 만들 수 있다.
https://gravatar.com/avatar/<이메일 해시>.<확장자>?<쿼리>
아바타 API는 기본적으로 위 형식을 따르며, 확장자에는 .png, .jpg, .webp와 같은 일반적인 이미지 포맷이 들어간다. 생략해도 무방하다. <쿼리>는 쿼리 문자열을 말하며, 다음과 같은 동작을 지정할 수 있다.
쿼리 역할 기본값
?s= ?size= 원하는 이미지 크기 ( 픽셀) 80
?d= ?default= 등록된 그라바타 정보가 없을 경우, 기본으로 표시할 아바타를 지정한다. 원하는 임의의 URL encoded된 이미지 URL을 넣거나, 후술할 기본 이미지 생성 옵션을 지정한다. Gravatar 로고 #
?f= ?forcedefault= y일 경우, 그라바타 DB에 해당 계정의 정보가 있더라도 항상 기본 아바타 표시 비활성
?r= ?rating= 이미지 수위. 워드프레스 정책에 따라 유저들 자체적으로 자신이 업로드한 아바타의 수위를 책정할 수 있는데, 높은 수위의 이미지는 해당 쿼리로 지정하지 않으면 기본 아바타로 표시된다. 수위 필터는 아래 기준에 따라 순서대로 높아지는데, 예를 들어 쿼리로 ?r=r을 걸었다면 g, pg, r 수위의 사진이 모두 포함된다:
g: 대부분의 웹사이트에서 허용 가능한 수위
pg: 무례한 동작(gestures), 약한 노출, 가벼운(mild) 욕설이나 폭력성 포함
r: 조금 더 심한(intense) 욕설, 폭력성, 누드 또는 마약 묘사
x: 직접적 성적 묘사, 매우(extremely) 불쾌한 폭력성
g

?default=의 경우 이미지를 찾을 수 없을 때 보여줄 대체 이미지를 생성할 수 있는 여러 옵션들을 제공하고 있다.

아래 표에서는 가상의 이메일인 [email protected]의 해시인 99f00320c03511bb788af7223aaf9b1cc8b14f98f6043b1976aa993d0480a4ce을 예시로 사용한다. G는 이미지가 입력값에 따라 생성됨을 뜻한다.
옵션 설명 예시 링크
(없음) 기본 이미지 옵션을 전혀 지정하지 않은 경우. Gravatar 로고가 표시된다. 파일:gravatar-d.jpg #
(URL)G 원하는 기본 이미지 URL을 퍼센트 인코딩해 넣을 시 해당 이미지가 기본 이미지로 출력된다. 파일:gravatar-d-custom.png #
mp mystery-person. 흔히 웹사이트에 회원가입 직후 프로필 사진을 설정하지 않았을 때의 기본 이미지와 비슷한 느낌의 실루엣 사진이 표시된다. 파일:gravatar-d-mp.jpg #
identiconG 점대칭, 선대칭을 이루는 고유하고 다양한 기하학적 무늬를 생성한다. 파일:gravatar-d-identicon.png #
monsteridG 수십 종류의 색상, 얼굴을 조합해 괴물 얼굴을 생성한다. 파일:gravatar-d-monsterid.png #
wavatarG 마찬가지로 여러 색상과 모양을 조합해 얼굴을 생성한다. 파일:gravatar-d-wavatar.png #
retroG identicon과 비슷하지만, 사선이 없고 8x8 격자로 크기가 다르다. 나무위키의 프로필 사진 무늬도 바로 이것이다. 파일:gravatar-d-retro.png #
robohashG 다양한 색상, 모양, 얼굴을 조합해 로봇을 생성한다. 파일:gravatar-d-robohash.png #
blank 주어진 크기에 해당하는 정사각형의 완전투명한 PNG 이미지를 반환한다. 파일:gravatar-d-blank.png #
404 아바타 정보를 찾을 수 없는 경우, 어떠한 이미지도 없이 HTTP/응답 코드 404]로 반환해, 브라우저에게 찾는 이미지가 아예 없도록 표시되게 한다. #

워드프레스 정책상 Gravatar API의 사용은 무료이며, rate limit은 미인증시 시간당 100건, API 키 인증(authenticated)시 시간당 1000건이며, 추가적으로 더 늘릴 수 있다.[5] 가이드라인

5. 나무위키에서

나무위키의 2015년 10월 10일자 업데이트로 인해 나무위키에서도 Gravatar를 사용할 수 있게 되었다. 단, Gravatar에 가입할 때 반드시 나무위키에 가입할 때 기입한 이메일 주소로 가입해야 한다. 물론 다른 이메일 주소로 가입한 후 위키 설정에서 이메일 계정 추가를 해도 무관하다.

적용 후 5분 정도 지나면 검색 바 우측에 작은 이미지로 나타나게 된다. 거의 바로 적용되는 경우도 있으나 적용되지 않는 경우 5분 정도 기다리면 대부분 적용된다.

사용자 문서가 나무위키에 처음 도입되었을 땐 사용자 문서에 해당하는 사용자의 Gravatar가 삽입되어 있었으나 이후 제거되었다.

새 이메일로 나무위키에 회원가입할 경우 해당 이메일의 고유 아바타가 생성된다. 다른 계정에서 같은 이메일로 변경해도 똑같은 그라바타가 출력된다. ( 이메일의 그라바타가 없는 경우에만 해당.) [6]
파일:Gravatar 예시 이미지.svg

파일:MGcoF9N.png
PNG GIF를 지원하기 때문에 배경을 없앤 그라바타도 가능하다. 단 gif의 경우 움짤은 지원되지 않는다.

여담으로 자동 생성된 그라바타 이미지의 주소의 MD5부분의 마지막에서 5번째의 숫자나 문자를 바꾸면 그라바타 색이 바뀐다.

2024년 6월 2일 기준 나무위키 본 페이지에서만 가능한 것으로 보이며, 게시판의 경우 본인이 그라바타를 바꿔도 적용되지 않는 듯하다.

6. 단독 문서가 있는 Gravatar를 사용하는 웹사이트

6.1. 국내

국내에서 인지도는 거의 바닥이기 때문에 Gravatar를 사용하는 웹 사이트는 몇 군데 없다. 개인이 운영하는 워드프레스에서는 제법 많이 사용한다.

6.2. 해외

해외에서는 개발자들이 자주 방문하는 사이트에서는 대부분 사용하고 있으며, 방송국이나 게임 회사 등에서도 Gravatar를 사용하고 있다.


[1] 전세계적으로 알려진 아바타 [2] 구글 혹은 네이버, 다음 계정 모두 사용 가능하다. [3] All URLs on Gravatar are based on the use of the hashed value of an email address. Images and profiles are both accessed via the hash of an email, and it is considered the primary way of identifying an identity within the system. [4] 이전에는 MD5를 사용했으나, MD5의 취약성을 이유로 2024년부터 SHA256으로 바뀌었다. 현재는 호환성을 위해서 MD5 주소도 여전히 작동한다. [5] The Gravatar API is free to use, and its rate limits are customizable based on your needs. While default limits are set to prevent misuse, developers can apply for higher limits to accommodate specific usage requirements. [6] 나무위키에서는 RETRO 형식의 그라바타를 사용한다.