Figmapedia
목록으로 돌아가기
개발 모드 & 핸드오프

모바일/PC 아이콘 사이즈 동일 적용

피그마 오픈카톡방2026. 3. 7.

질문사항

모바일(375px) 작업 시 PC 아이콘과 동일한 사이즈를 사용해야 하나요?

답변

모바일(375px)과 PC 환경에서 아이콘의 '비율'은 동일하게 유지하는 것이 일반적입니다. 하지만 실제 아이콘 '사이즈'는 디바이스 해상도와 픽셀 밀도(DPI/PPI)에 따라 다르게 적용될 수 있습니다.

개발자에게 아이콘을 전달할 때는 브라우저나 디바이스 환경에 따라 해상도가 깨지지 않도록 다양한 크기의 에셋을 제공하는 것이 좋습니다. 일반적으로 8의 배수를 기준으로 여러 사이즈의 아이콘 이미지를 전달합니다.

예시:

  • 16x16px
  • 24x24px
  • 32x32px
  • 64x64px
  • 128x128px
  • 256x256px
  • 512x512px
  • SVG(Scalable Vector Graphics) 형식으로 아이콘을 전달하면 해상도에 관계없이 선명하게 표시되므로, 가능한 경우 SVG를 기본으로 제공하고, 특정 상황(예: 레거시 시스템 지원)에만 PNG와 같은 래스터 이미지를 여러 해상도로 제공하는 것이 효율적입니다.