🔣 아이콘 픽셀 정렬 가이드 | 반픽셀이 생길까?

아이콘 격자(캔버스) 크기 (px, 정수)

선 두께 (px)

가운데 둘 도형 크기 (px)

출력 배율 (퍼센트)

항목	계산식	값	판정

소수부는 1e-9 허용오차로 판정합니다. 옵티컬 정렬(삼각형·원을 눈에 맞게 살짝 밀어 주는 보정)의 보정량은 수치 기준이 없어 계산하지 않습니다. 플랫폼별 아이콘 크기 목록과 간격 체계도 다른 도구 몫입니다.

흐린 아이콘은 대개 반픽셀 때문이다

같은 아이콘인데 어떤 것만 선이 흐리게 보일 때가 있습니다. 대개 선이 픽셀 경계가 아니라 픽셀 가운데에 걸려서 생기는 증상입니다. 격자 크기와 선 두께의 홀짝이 어긋나면 중심선에 놓인 선의 가장자리가 0.5 로 끝나고, 렌더링에서 양쪽으로 반씩 번집니다. 이 도구는 그 값을 하나씩 계산해 보여 줍니다.

계산 방식

캔버스 중심은 격자 크기를 2로 나눈 값, 중심선 위 선의 가장자리는 격자 크기에서 선 두께를 뺀 뒤 2로 나눈 값, 도형 중앙 오프셋은 격자 크기에서 도형 크기를 뺀 뒤 2로 나눈 값입니다. 각 값의 소수부를 1e-9 허용오차로 보고 정수·반픽셀·그 외로 나눕니다. 출력 배율을 곱한 선 두께와 격자 크기도 함께 판정하므로, 1.5배나 2배로 뽑을 때 생기는 어긋남까지 확인할 수 있습니다. 2026년 10월 기준입니다.

한계

옵티컬 정렬 보정량은 형태마다 달라 수치 기준이 없으므로 계산하지 않습니다. 플랫폼별 아이콘 크기 목록과 간격 체계, 실제 SVG 파일의 좌표 검사도 지원하지 않습니다.

자주 묻는 질문

왜 홀짝이 중요한가요?

격자 크기와 선 두께의 홀짝이 같으면 중심선에 놓인 선의 가장자리가 정수에 떨어집니다. 24 격자에 2 px 선은 가장자리가 11 에 떨어지지만, 24 격자에 1 px 선은 11.5 가 되어 반픽셀에 걸립니다.

반픽셀에 걸리면 무엇이 달라지나요?

선이 픽셀 경계에 정확히 맞지 않아 렌더링에서 양쪽으로 반씩 번집니다. 같은 1 px 선이 2 px 폭의 흐린 회색으로 보이는 것이 대표적인 증상입니다.

옵티컬 정렬 보정량도 계산되나요?

아니요. 삼각형이나 원을 눈에 맞게 살짝 미는 보정은 형태마다 달라 수치 기준이 없습니다. 이 도구는 반픽셀이 생기는지만 산술로 계산합니다.

🔣아이콘 픽셀 정렬(옵티컬) 가이드

관련된 도구

SVG 아이콘 내보내기 최적화 가이드

인포그래픽 아이콘 스타일 일관성 가이드

흐린 아이콘은 대개 반픽셀 때문이다

계산 방식

한계

자주 묻는 질문

관련된 도구

SVG 아이콘 내보내기 최적화 가이드

인포그래픽 아이콘 스타일 일관성 가이드

흐린 아이콘은 대개 반픽셀 때문이다

계산 방식

한계

자주 묻는 질문

같은 카테고리 도구