사진 및 그림 → 픽셀 아트 변환기 — 무료, 온라인, 로그인 불필요

그림을 픽셀 아트로 바꾸는 일은 축소한 뒤 팔레트를 줄이는 순서로 이루어집니다. 페이지에 사진을 떨어뜨리고 그리드를 정하고 색상 수를 정한 다음 PNG를 내려받으면 됩니다. 변환기는 브라우저의 캔버스에서 실행되므로 파일이 업로드되지 않고, 계정 절차도 없으며, 결과물에 워터마크도 붙지 않습니다.

결과의 거의 모든 것을 좌우하는 조절 항목은 두 가지입니다. 그리드 크기는 구조가 얼마나 살아남는지를 정합니다. 색상 수는 음영이 얼마나 살아남는지를 정합니다. 이 둘만 제대로 맞추면 나머지 — 디더링, 외곽선 정리, 내보내기 배율 — 은 미세 조정에 불과합니다. 이 둘을 잘못 맞추면 아무리 손으로 정리해도 이미지를 되살릴 수 없습니다.

사진을 픽셀 아트로 변환하기(실시간 도구)

첫 화면은 파일을 떨어뜨리는 영역입니다. PNG, JPEG, WebP, GIF, BMP를 그 위로 끌어다 놓거나 클릭해 파일 선택기를 열면 됩니다. 이미지는 로컬에서 해독되어 캔버스에 그려집니다. 커다란 휴대폰 사진은 슬라이더를 건드리기 전에 긴 변이 수백 픽셀인 작업본으로 줄어듭니다. 슬라이더를 움직일 때마다 원본 해상도로 변환을 다시 돌리면 미리보기를 쓸 수 없기 때문입니다.

과정은 짧고 원본을 건드리지 않습니다. 파일을 떨어뜨리고, 그리드 크기를 고르고, 색상 수를 고르고, 미리보기를 확인하고, 내려받습니다. 도구는 작업본을 메모리에 두고 설정이 바뀔 때마다 축소와 팔레트 축소를 다시 실행하므로, 내보내기 전까지는 아무것도 확정되지 않습니다.

내보내기는 1× 또는 정수 배율의 PNG입니다. 확대는 최근접 이웃 방식만 사용합니다. 64×64 결과를 ×8로 내보내면 딱딱한 8픽셀 블록이 있는 512×512 이미지가 됩니다. 그 파일을 나중에 JPEG로 다시 저장하지 마세요. 압축 잡음이 바로 방금 정리한 외곽선에 생기고, 팔레트에 없던 색까지 끌어들입니다.

그리드 크기는 결과물의 칸 수입니다. 32×32 변환은 1,024개의 칸을 가지며 각 칸은 단일 색입니다. 축소는 부드러운 바이큐빅 리사이즈 대신 영역 평균을 사용합니다. 바이큐빅은 대비가 강한 외곽선 주위에 링잉을 일으켜 얼룩처럼 보이는 헤일로 칸을 남기기 때문입니다. 얼굴에 끝까지 눈이 남아 있을지를 정하는 설정이 바로 이것입니다.

색상 수는 내보낸 PNG에 들어가는 서로 다른 색의 개수로, 2에서 64까지입니다. 축소는 팔레트를 만든 뒤 가장 가까운 색을 배정하는 방식으로 진행되므로, 결과는 흐릿한 이미지가 아니라 평면적인 인덱스 이미지가 됩니다. 색상 수를 올리기 전에 그리드를 먼저 키우세요. 더 큰 그리드는 뭉개진 피사체를 바로잡아 주지만, 색을 늘리면 보통 잡티만 더해집니다.

사진을 픽셀 아트로 변환하는 방법

이 단계들의 순서는 중요합니다. 팔레트를 정리한 뒤에 그리드를 바꾸면 그 정리가 무효가 됩니다. 이미지 전체가 새로운 칸 집합으로 다시 매핑되기 때문입니다.

최종 용도에서 거꾸로 거슬러 작업하세요. 엔진이 ×6으로 확대할 스프라이트는 같은 이미지를 포스터로 인쇄할 때보다 더 적은 칸이 필요합니다. 엔진이 화면에서 모든 칸을 몇 배로 늘리기 때문입니다.

출력 크기와 색상 수

16×16 그리드는 256개의 칸입니다. 모든 칸이 하나의 결정이며, 아무것도 담지 않는 칸이 들어갈 자리는 없습니다. 이 256개 칸에 64색을 쓰면 색 하나가 평균적으로 약 네 칸을 차지합니다. 그것은 음영이 아니라 반점입니다.

팔레트가 음영으로 읽히는 것은 색 계조 하나가 이어진 영역을 덮을 때뿐입니다. 뺨, 턱선, 옷자락의 주름 같은 곳입니다. 색상 수는 미리보기가 예뻐 보일 때까지 미는 슬라이더가 아니라, 영역에 배분하는 예산이라고 생각하세요.

가장 흔한 실패는 작은 그리드에 색상 수를 과하게 잡는 것입니다. 결과물은 400% 확대한 미리보기에서는 괜찮아 보이지만, 게임이나 채팅 창에서 1×로 보이는 순간 얼룩이 됩니다.

두 번째는 낮은 그리드에서의 디더링입니다. 디더 잡음은 원래 크기에서 눈이 평균 내도록 설계된 것입니다. 크게 본 32×32 스프라이트에서는 하나하나 지워야 하는 잘못된 픽셀일 뿐입니다.

세 번째는 정수가 아닌 내보내기 배율입니다. 32×32 결과를 ×3으로 하면 96×96으로 괜찮지만, 소수 배율은 칸 너비를 고르지 않게 만들어 형편없는 스크린샷처럼 보입니다. 네 번째는 압축된 원본입니다. 이미 심하게 압축된 JPEG에는 블록 잡음이 새겨져 있고, 양자화가 이를 거의 같은 색의 무리로 충실히 재현합니다.

‘그림을 픽셀 아트로’ 대 ‘사진을 픽셀 아트로’

이 두 표현은 검색에서 서로 다른 결과를 내놓지만 같은 작업을 가리킵니다. 하나는 ‘그림’이라는 단어를 빌리고, 다른 하나는 ‘카메라’를 빌립니다. 둘 다 변환기가 하는 일을 바꾸지 않습니다. 그리드로 축소하고, 팔레트로 줄이고, 내보내는 것입니다.

이 페이지에서는 두 표현이 같은 동작이고 같은 도구입니다. 기본값은 32색의 64×64 그리드이며, 배경 화면이나 큰 아이콘에 무난한 중간값입니다. 그리드를 먼저 움직이고, 그다음 색을 조절하세요.

마인크래프트용 이미지 → 픽셀 아트

마인크래프트 변환은 결과물이 이미지가 아니라 건축 도면이기 때문에 일반적인 규칙을 깨뜨립니다. 그리드는 픽셀 수가 아니라 블록 수입니다. 64×64 변환은 너비 64블록의 벽이며 4,096개의 재료 블록이 필요합니다. 팔레트는 변환기가 정하는 것이 아니라 여러분이 기꺼이 모을 수 있는 블록입니다. 서바이벌에서는 그 범위가 좁습니다. 크리에이티브에서는 더 넓지만, 여전히 유한하고 색 계열별로 고르지 않게 분포합니다.

두 번째 제약 때문에 사진은 스프라이트보다 더 많은 블록 수가 필요합니다. 스프라이트는 얼굴에 16색을 쓸 수 있습니다. 양털, 콘크리트, 테라코타로 이루어진 벽은 한 색 계열에서 쓸 만한 단계를 네 개 정도밖에 주지 못하고, 지형 블록은 단색과 부딪히는 자체 질감을 더합니다. 그래서 세부는 해상도로 감당해야 합니다. 블록 수를 두 배로 늘리면 블록 비용은 네 배가 되며, 흔히 형태를 알아볼 수 있게 유지하는 유일한 방법입니다.

실제로 놓을 의향이 있는 블록 수에 맞춰 그리드를 계획하세요. 32×32 벽은 1,024블록으로 긴 작업 한 세션 분량입니다. 128×128 벽은 음영을 위한 두 번째 층을 더하기 전에 층당 16,384블록입니다. PNG를 내보낸 뒤 머릿속에 담아 두려 하지 말고, 블록을 놓을 때 칸별 참조로 사용하세요.

먼저 사진을 작은 그리드로 변환한 다음, 팔레트를 허용된 블록 목록으로 제한해 이미지의 모든 색이 놓을 수 있는 블록에 대응되게 하세요. 유용한 결과물은 이미지뿐만 아니라 재료 목록입니다. 종류별로 필요한 블록 수를 개수순으로 정리한 목록이죠. 그것이 그림을 장바구니 목록으로 바꿔 줍니다.

층을 나누어 쌓으세요. 첫 번째 층은 가장 어두운 색조의 실루엣이고, 두 번째 층은 중간색, 세 번째 층은 하이라이트와 한 칸짜리 세부입니다. 건축 템플릿이 도움이 된다면 Mini World 같은 작은 픽셀 스타일 세계에서 시작해 텍스처를 자신의 변환 결과로 교체하세요. 그러면 크기, 카메라 높이, 블록 밀도가 이미 알맞게 맞춰져 있습니다.

변환 결과로 만들 수 있는 것

설정을 고르기 전에 결과물을 먼저 정하세요. 결과물마다 다른 모든 것보다 우선하는 제약이 하나씩 있기 때문입니다.

엔진이 확대할 스프라이트는 같은 이미지를 포스터로 쓸 때보다 더 적은 칸과 더 적은 색이 필요합니다. 반복되는 타일은 다른 무엇을 손보기 전에 가장자리가 맞아떨어져야 합니다.

2D 변환에서 걸어 다닐 수 있는 픽셀 세계로

내려받은 PNG는 이미지이면서 텍스처입니다. 3D 게임 빌더는 PNG를 읽어 재료로 등록하고 장면의 도형에 입힙니다. 평면에 정수 배율로 올리면 픽셀이 정사각형으로 유지됩니다. 멀리서 부드럽게 섞이는 것보다 딱딱한 가장자리를 원한다면 텍스처 필터를 최근접으로 설정하고 밉맵을 끄세요.

아래에 삽입된 장면은 바로 그런 텍스처로 브라우저에서 실행됩니다. 벽, 바닥, 소품이 작은 픽셀 PNG로 텍스처링되어 있으며, 원본 그리드가 실제 해상도 단위로 취급됩니다. 각 픽셀이 표면 위의 정사각형이 되는 것이죠. 장면 속 캐릭터 스프라이트도 같은 규칙을 따릅니다. 작은 그리드, 작은 팔레트, 고정된 카메라 높이입니다. 에이전트 스프라이트 포지는 그런 형식으로 캐릭터 스프라이트를 만들어 내며, 그것들은 환경과 같은 텍셀 그리드 위에 놓입니다.

솔직한 한계가 하나 있습니다. 3D 표면의 픽셀 텍스처는 카메라가 움직일 때 픽셀 단위로 완벽하게 유지되지 않습니다. 원근법이 표면을 깊이에 따라 고르지 않게 나누기 때문에, 먼 벽은 칸을 직사각형으로 압축하고 가까운 벽은 칸을 늘립니다. 픽셀 아트 3D 장면은 카메라를 고정하거나, 거리가 칸 모양을 바꾼다는 점을 받아들이는 방식으로 이 문제를 다룹니다.

2의 거듭제곱 크기 — 32, 64, 128, 256 — 를 사용하세요. 표면을 깔끔하게 채우고 모든 밉 단계에서 고르게 나누어지기 때문입니다. 물체 간 텍셀 밀도를 일정하게 유지하세요. 미터당 128픽셀의 벽 옆에 미터당 32픽셀의 상자가 있으면 서로 다른 두 게임처럼 보입니다.

텍스처가 반복될 예정이라면, 그것으로 짓기 전에 이음새를 확인하세요. 픽셀 편집기에서 두 장을 나란히 놓고 이어지는 부분을 보세요. 큰 벽에서 한 칸이 어긋나는 것은 장면 건너편에서도 보이며, 이미지에서 고치는 것은 값싸지만 도형에서 고치는 것은 비쌉니다.

더 많은 무료 픽셀 도구

사진이 이미 있다면 이 페이지의 변환기로 시작하세요. 생성기는 사진이 없을 때 쓰는 것입니다.

그것이 속한 세계로 걸어 들어가기

스프라이트는 설 자리가 없는 캐릭터입니다. 마지막 단계는 다른 어디서도 제공하지 않는 것입니다. 방금 만든 시트를 누군가 걸어 다닐 수 있는 세계 — 작은 섬, 행성, 비 내리는 길모퉁이 — 에 넣으세요. 이 사이트의 모든 세계는 한 편의 글로 묘사되어 만들어졌고, 플레이할 수 있는 페이지로 공개되었습니다.

FAQ