커스텀 배지 이미지 가이드라인

곧 디자인 팀에 맞춤형 배지 이미지를 만들어 달라고 요청할 예정입니다.

그 전에, 해당 이미지가 어떤 가이드라인을 따라야 하는지 알아두면 도움이 될 것 같습니다 :sweat_smile:

물론 정사각형이죠. 다른 조건은 없나요? 이미지 형식? 해상도? …?

좋은 질문입니다!

배지는 보통 약 14x14, 16x16 또는 56x56px로 렌더링됩니다.
크기는 요소의 글꼴 크기에 상대적으로 결정되기 때문에 달라질 수 있습니다.
하지만 목표할 수 있는 기준 크기의 감을 잡는 데 도움이 될 것입니다.

또한:

  • 1:1 비율
  • 작은 이미지의 경우 확장 가능한 SVG, 큰 이미지의 경우 투명한 PNG 사용. 표시하려는 내용에 따라 달라집니다.
  • 색상에 대해 다크 모드를 고려하세요.
  • 필요할 경우 배지 유형을 고려하세요.
  • 작은 크기로 표시될 때의 모습을 고려하세요.

지금은 이 정도가 전부입니다.

제가 맞다면, 커스텀 SVG 아이콘을 만드는 것도 고려해볼 수 있습니다. 이렇게 하면 올바른 색상으로 깔끔하게 확장되며(나중에 변경하기도 더 쉽습니다).

도움이 되길 바랍니다.