👆아이콘 적정 크기 가이드 계산기

화면 해상도·사용 맥락별 최소 터치 영역 크기 계산

플랫폼

현재 터치 영역 크기

아이콘 간 간격

아이콘 터치 영역, 왜 중요할까?

아이콘 이미지 자체가 작더라도 실제로 탭을 인식하는 영역은 패딩까지 포함해 충분히 넓어야 합니다. Apple 휴먼 인터페이스 가이드라인은 44×44pt, Google Material Design은 48×48dp를 최소 터치 영역으로 권장하고, 웹 접근성 표준인 WCAG 2.5.5는 24×24px를 최소 기준으로 제시합니다. 이 기준을 지키지 않으면 손가락이 큰 사용자나 운전 중, 걷는 중처럼 정밀한 조작이 어려운 상황에서 오터치가 빈번하게 발생합니다.

이 도구는 플랫폼을 선택하고 현재 사용 중인 터치 영역 크기와 아이콘 간 간격을 입력하면, 해당 플랫폼 기준에 부합하는지 즉시 판정해줍니다. 인접한 아이콘 사이의 간격도 최소 8px 이상 확보해야 오탭을 줄일 수 있습니다.

자주 묻는 질문

터치 영역 최소 크기는 얼마인가요?

iOS는 44×44pt, Android는 48×48dp, 웹 표준(WCAG)은 최소 24×24px를 권장합니다.

아이콘 자체가 작아도 되나요?

아이콘 이미지는 작아도 되지만, 실제로 탭을 인식하는 터치 영역(패딩 포함)은 권장 크기 이상으로 확보해야 합니다.

아이콘 터치 영역, 왜 중요할까?

자주 묻는 질문

같은 카테고리 도구