대부분의 이미지 리사이저는 확대하면서 부드럽게 처리해 픽셀 아트를 뭉개 버립니다. 올바른 방법은 정수 배율 최근접 이웃 확대입니다. 아트의 픽셀 하나하나가 정확한 N×N 블록이 되고, 새로운 색이나 흐림이 생기지 않습니다. 이 도구는 이미지 한 장이든 여러 장이든 이렇게 처리하고, 대각선을 둥글게 하고 싶을 때를 위해 Scale2x/EPX와 Scale3x를 제공하며, 이미 확대된 이미지인지 알아채서 흐릿한 사본을 두 번 확대하지 않게 합니다.
픽셀 아트 업스케일러 사용 방법
- 스프라이트를 한 장 또는 여러 장 넣으세요.
- 이미 확대된 이미지라면 실제 크기를 보여 주고 먼저 1×로 복원합니다. 이 기능은 끌 수 있습니다.
- 2×부터 16×까지 배율을 고르거나 32 이하의 정수를 입력하세요.
- 정확한 블록을 원하면 최근접을, 기존 색만으로 더 부드러운 대각선을 원하면 Scale2x / Scale3x를 고르세요.
- PNG를 내려받거나, 모든 이미지를 같은 배율로 담은 ZIP을 받으세요.
결과물
- 색과 알파는 같고 정확히 N배 크기인 확대 PNG.
- 모든 파일 이름이
name@4x.png같은 형식으로 붙는 일괄 ZIP.
지원 엔진
- 게임 안에서는 1× 스프라이트에 엔진의 최근접 필터링을 쓰는 편이 좋습니다. 확대 파일은 스토어 페이지, 트레일러, SNS 게시물, 인쇄, 배율을 바꿀 수 없는 UI용입니다.
- 정수 배율이어야 픽셀 그리드가 맞습니다. 파이프라인 어디에서도 1.5×나 2.5× 확대는 피하세요.
게임을 만들며 얻은 팁
- Steam 캡슐, itch.io 페이지, SNS 게시물은 다시 압축됩니다. 1×보다 4× 이상으로 확대한 이미지가 압축을 더 잘 견딥니다.
- Scale2x는 눈 같은 작은 디테일의 느낌을 바꿀 수 있습니다. 대표 이미지에 쓰기 전에 비교해 보세요.
- image-rendering: pixelated를 지원하는 사이트에는 1× 아트를 올리고 CSS가 확대하게 하세요.
활용 사례
- 스토어 페이지 스크린샷, 캡슐 아트, 트레일러.
- 포스터, 스티커, 굿즈에 픽셀 아트 인쇄하기.
- 작은 스프라이트로 이모지, 아바타, 프로필 사진 만들기.
- 온라인에서 구한 확대 이미지에서 실제 1× 픽셀 복원하기.
자주 묻는 질문
최근접 이웃 확대란 무엇인가요?
출력 픽셀마다 가장 가까운 입력 픽셀의 색을 가져옵니다. 정수 배율에서는 아트의 픽셀 하나하나가 정확한 정사각형 블록이 되므로, 흐림이나 새로운 색 없이 이미지만 커집니다.
Scale2x와 Scale3x는 무엇을 하나요?
픽셀 아트용 확대 알고리즘(EPX, AdvMAME라고도 부릅니다)으로, 각 픽셀의 이웃을 보고 이미지에 이미 있는 색만 써서 대각선 계단을 둥글게 다듬습니다. 2나 3의 배수가 아닌 배율은 나머지를 최근접으로 확대합니다.
이미 확대된 이미지는 어떻게 감지하나요?
색 경계가 어디에 있는지 측정합니다. 확대된 픽셀 아트에서는 거의 모든 경계가 일정한 그리드 위에 있습니다. 경계를 설명하는 가장 큰 그리드를 찾고, 각 블록의 중앙을 샘플링해 원래 픽셀을 복원합니다.
크기 제한이 있나요?
브라우저가 원활하게 동작하도록 출력은 이미지당 64메가픽셀로 제한됩니다. 예를 들어 512×512 스프라이트를 16×로 확대한 크기(8192×8192)입니다.
이미지가 업로드되나요?
아니요. 확대는 브라우저에서 실행되며 서버로 아무것도 보내지 않습니다.
흐릿해진 픽셀 아트를 다시 선명하게 만들 수 있나요?
흐림이 부드러운 확대 때문에 생긴 것이라면 업스케일로는 고쳐지지 않습니다. 이미지 → 픽셀 아트 도구에서 의도한 크기로 선명하게 샘플링을 쓴 뒤, 그 결과를 여기서 확대하세요.