픽셀 아트 스프라이트 사이즈 정하는 법

가이드 · 가이드 목록으로

픽셀크래프트 스튜디오 편집팀 · 최종 업데이트: 2026년 8월 · 읽는 데 약 6분

픽셀 아트를 처음 그릴 때 가장 먼저 막히는 지점은 붓 터치나 색감이 아니라 "이 캐릭터를 몇 픽셀로 그려야 하나"라는 질문입니다. 크기를 먼저 정하지 않고 그리기 시작하면 나중에 타일맵과 안 맞거나, 확대했을 때 흐릿해지거나, 애니메이션 프레임 수가 감당이 안 되는 경우가 많습니다. 이 가이드는 실제 게임 제작 기준으로 스프라이트 크기를 고르는 방법을 정리합니다.

스프라이트 크기가 왜 중요한가

스프라이트 크기는 단순히 "얼마나 크게 보이는가"의 문제가 아닙니다. 크기를 한 번 정하면 캐릭터의 디테일 표현 한계, 애니메이션에 들어가는 작업량, 타일맵과의 정렬 방식, 심지어 모바일에서의 터치 판정 영역까지 전부 그 크기를 기준으로 따라갑니다. 프로젝트 중간에 크기를 바꾸면 이미 그린 스프라이트를 전부 다시 그려야 하는 경우가 많기 때문에, 본격적으로 그리기 전에 크기부터 결정하는 것이 시간을 가장 많이 아끼는 방법입니다.

대표적인 스프라이트 크기와 쓰임새

16 / 32 / 48px 64px
같은 화면 배율에서 캔버스 크기별 면적 차이. 크기가 2배가 되면 채워야 할 픽셀 수는 4배가 됩니다.
크기별 쓰임새와 작업 부담 (인디 2D 게임 기준)
크기주 용도표현 가능한 디테일프레임당 작업량
16x16UI 아이콘, 미니맵 마커, 초단순 캐릭터실루엣, 색 2~4개매우 적음
32x32인디 게임 표준 캐릭터, 오브젝트표정, 옷 실루엣, 무기적음
48x48주인공, 미니보스손발 움직임, 장비 구분보통
64x64+보스, 컷신 포트레이트, 카드 아트일러스트급 명암·질감많음

해상도, 캔버스 크기, 실제 표시 크기는 다르다

픽셀 아트에서 가장 흔한 실수 중 하나는 32x32 캔버스에 그린 스프라이트를 화면에 그대로 32픽셀 크기로 출력하는 것입니다. 요즘 디스플레이 해상도에서는 이렇게 하면 캐릭터가 화면 한구석에서 아주 작게 보입니다. 대신 정수 배율(2배, 3배, 4배 등)로 확대해서 출력해야 합니다. 32x32 스프라이트를 4배로 키우면 128x128 픽셀로 표시되는 식입니다. 소수점 배율(1.5배 등)로 확대하면 픽셀 경계가 뭉개지고 의도한 픽셀 아트 특유의 각진 느낌이 사라지므로 반드시 피해야 합니다.

원본 스프라이트의 크기를 바꿔서 새 캔버스로 옮기거나 배율을 맞춰야 할 때는 브라우저에서 바로 처리할 수 있는 이미지 크기 변경 도구로 원하는 배율 버튼을 눌러 빠르게 확인해볼 수 있습니다.

타일맵을 쓴다면 그리드부터 맞춰라

플랫포머나 탑다운 RPG처럼 타일맵 위에서 캐릭터가 움직이는 게임이라면, 캐릭터 크기를 타일 크기의 배수 또는 약수로 맞추는 것이 좋습니다. 예를 들어 타일이 16x16이라면 캐릭터는 16x32(가로 1타일, 세로 2타일)처럼 그리드에 맞아떨어지는 크기로 그리는 경우가 많습니다. 이렇게 하면 충돌 판정, 카메라 스크롤, 레벨 디자인 도구에서의 배치가 훨씬 예측 가능해집니다.

실전 체크리스트

스프라이트 크기를 정했다면 픽셀 이미지 추천 페이지에서 비슷한 밀도의 아이콘을 참고하거나, 직접 그린 이미지를 이미지 크기 변경 도구로 원하는 배율에 맞춰 바로 다운로드해보세요.

자주 묻는 질문

스프라이트 크기는 정사각형이어야 하나요?

아닙니다. 캔버스는 정사각형(32x32 등)으로 잡되 캐릭터 자체는 그 안에서 세로로 길거나 가로로 넓어도 됩니다. 다만 타일맵을 쓴다면 캐릭터가 차지하는 실제 폭·높이를 타일 크기의 배수로 맞추는 편이 배치가 편합니다.

작업 도중에 스프라이트 크기를 바꿔도 되나요?

가능하지만 이미 그린 스프라이트를 대부분 다시 그려야 합니다. 정수 배율(2배 등)로 키우는 것은 픽셀이 깨지지 않지만, 줄이거나 비정수 배율로 바꾸면 디테일이 뭉개집니다. 그리기 전에 크기를 확정하는 것이 가장 안전합니다.

모바일 게임은 스프라이트를 더 크게 그려야 하나요?

원본 픽셀 수를 늘릴 필요는 없습니다. 32x32로 그리고 화면에서 3~4배로 확대해도 충분합니다. 다만 터치로 조작하는 오브젝트는 최종 표시 크기가 손가락으로 누를 수 있을 만큼(대략 44px 이상) 되는지 확인하세요.