이미지 도트화

이미지를 실제 N×N PNG 에셋으로.

사진을 도트 그림으로 바꾸려면 먼저 실제 출력 격자를 정하고 색을 줄인 다음 정수 배율로 확인하세요. 이 페이지의 빠른 변환기는 정사각형 PNG를 만듭니다. 위의 Pixel Studio 링크에서는 가로·세로를 따로 지정하고 면적 평균 또는 중앙값 샘플링, 공통 팔레트, 디더링과 애니메이션 출력을 쓸 수 있습니다. 32 × 24 이미지는 768칸뿐이라 얼굴이나 가는 물체가 사라지면 영역을 다시 잡거나 격자를 키워야 합니다. 원본은 브라우저에 남고 Studio가 새 스프라이트를 추가합니다.

이미지을(를) 여기에 놓으세요여러 개를 한 번에 처리할 수 있습니다
업로드 없음 · 이 기기에서 처리

원리

축소는 원본의 여러 픽셀을 결과 한 칸으로 합칩니다. 면적 평균(Box)은 넓은 색과 명암을 유지하고, 중앙값은 가는 윤곽을 더 뚜렷하게 남길 수 있지만 넓은 영역의 색이 바뀔 수 있습니다. 최근접은 원본 한 점만 골라 작은 요소를 놓치기도 합니다. 사진을 줄이기 전에 구도를 정하세요.

팔레트 축소는 요청한 수 이하의 색을 고릅니다. Pixel Studio 기본값은 16색 Wu 분산 팔레트입니다. Floyd–Steinberg·Atkinson은 색 오차를 이웃 칸에 퍼뜨리고 Bayer·블루 노이즈는 위치마다 임계값을 달리합니다. 디더링은 질감을 더하므로 단순한 아이콘은 끄고 비교하세요.

원본 격자
실제 PNG 크기입니다. 큰 최근접 미리보기는 디테일을 늘리지 않습니다.
공통 팔레트
GIF/APNG 입력의 모든 프레임이 한 색표를 공유해 프레임 간 색 변화를 줄입니다.

예시

CC0 꽃 사진 1024 × 768을 디더링 없이 32 × 24, 16색으로 변환했습니다. PNG를 독립 프로그램으로 다시 열고 Box 축소 참조와 비교했습니다:

1024 × 768 원본 → 32 × 24 출력 = 768칸
16색 Wu 팔레트, Box 샘플링, 디더링 끔
Box 참조 대비 RGB RMSE: Nerulio 6.30
ImagePixel Original 팔레트 7.97, Pixel Art Village 자동 6.76

같은 사진·크기로 맞춘 한 사례의 수치이며 예술적 품질 순위가 아닙니다. 접촉 시트에서 Box는 넓은 명암을 유지하지만 가는 줄기는 부드러워졌습니다. 다른 CC0 인물 사진 32 × 21에서는 같은 Box 참조 대비 Box/Wu 5.25, Median/Wu 14.73이었고 윤곽도 따로 봐야 합니다.

무엇이 어디로 옮겨지나

결정설정영향
화면 비율빠른 변환기: 정사각 8–512; Studio: 가로·세로 별도 최대 5124:3 사진은 32 × 32로 늘리지 말고 32 × 24를 고를 수 있습니다
칸 샘플링Studio의 Box·중앙값·최근접·최빈값·k-중심Box는 영역을 평균내고 중앙값은 일부 경계를 남깁니다
색상자동 또는 고정 팔레트; Studio 2–256색색을 줄이면 단순해지지만 피사체가 합쳐질 수 있습니다
미리보기와 크기최근접 미리보기; Studio 2–16배 최근접 PNG원본 칸은 그대로이고 보이거나 저장되는 블록만 커집니다

받게 되는 파일

가장 작은 원본 크기 결과부터 저장하세요. Studio에는 다음 출력도 있습니다:

파일용도
PNG실제 격자의 트루컬러 파일; 크기와 픽셀을 재열기로 확인
PNG-8옵션을 켠 경우 인덱스 팔레트 PNG; 투명도에 팔레트 제약 있음
.aseprite편집 가능한 애니메이션; 여섯 프레임 시험 파일을 Aseprite 1.3.18.6에서 다시 열어 확인
GIF공통 팔레트와 반복 횟수 선택이 있는 애니메이션; 투명도는 1비트이며 색 수 제한 있음

사진에서 게임 스프라이트까지

  1. 여기서 JPG 또는 PNG를 엽니다. 직사각형이나 애니메이션은 위 Studio 링크를 사용하세요.
  2. 피사체가 32 × 24 또는 32 × 32 영역을 채우도록 구도를 잡고 색 수보다 먼저 가로·세로를 정합니다.
  3. Box·Wu·16색·디더링 끔으로 시작해 작은 특징을 확인합니다. 사라지면 중앙값이나 큰 격자와 비교합니다.
  4. 새 스프라이트로 적용해 원본을 남기고 실제 격자 PNG를 저장합니다. 큰 블록 파일이 필요할 때만 2–16배 최근접 PNG를 고릅니다.

결과 확인

데이터와 보이는 결과를 둘 다 확인하세요:

  • PNG를 다시 열어 실제 크기와 색 수를 봅니다. 32 × 24는 확대 미리보기가 아닌 768픽셀입니다.
  • 1배와 정수 배율에서 눈·윤곽·가는 줄기를 원본과 비교합니다. 중요한 부분이 사라지면 실행 취소 후 구도·샘플러·격자를 바꿉니다.
  • GIF/APNG는 모든 프레임과 시간, 저장된 반복 횟수를 확인합니다.

문제 해결

증상유력한 원인확인 방법해결
얼굴이나 가는 선이 사라짐출력 칸이 적거나 구도가 너무 넓음1배 결과와 원본을 비교하고 특징이 차지하는 칸을 세기구도를 좁히거나 가로·세로 확대, 중앙값 시도
색이 탁함팔레트가 작거나 Box가 인접 색을 합침디더링을 끄고 1배로 보기색 수를 늘리거나 장면에 맞는 고정 팔레트 선택
점이 너무 많음디더링 강도가 목표 크기에 비해 높음디더링을 꺼서 비교강도를 낮추거나 디더링 끄기
애니메이션 색이 깜박임프레임별 색 선택이 다름연속 프레임과 출력 팔레트 확인Studio에서 전체 프레임을 한 공통 팔레트로 변환

다른 방법

방법이럴 때 더 낫습니다
도트 에디터에서 직접 그리거나 손보기캐릭터의 형태와 윤곽을 의도적으로 결정해야 할 때
확대 도트 복원사진이 아니라 이미 도트였던 입력의 불균일한 블록이나 안티앨리어싱을 정리할 때

이 방법의 한계

  • 자동 변환은 없어진 세부 형태를 그리지 못하며 보기 좋은 도트 양식을 보장하지 않습니다. 구도 선택과 수작업이 필요할 수 있습니다.
  • 4K 변환 시간은 데스크톱 Chromium 측정입니다. 390px 가상 화면은 실제 휴대폰 성능 증거가 아니며 Studio에는 별도 모바일 입력 가드가 있습니다.
  • 브라우저 색 관리·메타데이터·프로필 보존은 보장하지 않습니다. GIF는 팔레트 제한으로 저장 후 색이 달라질 수 있습니다.

버전과 출처

2026년 9월 CC0 사진으로 Chromium 153·Firefox 155의 Pixel Studio를 확인했습니다. PNG-8·GIF·.aseprite는 Chromium 시험에서 독립 재열기했고 Firefox에서는 사진 PNG와 원본 보존을 확인했습니다. CC0 사진 두 종류와 도트 복원 69개도 측정했습니다. 형식 설명은 PNG·GIF 공식 사양과 Aseprite 문서를 따릅니다.

참고한 공식 문서

정확한 크기·팔레트·애니메이션 설정은 Pixel Studio에서 열기

예제

원본 도형 샘플 · 96 × 64
원본 도형 샘플 · 96 × 64
도구로 처리한 샘플 · 32 × 32
도구로 처리한 샘플 · 32 × 32

이 도구로 만든 예제입니다. ZIP 도구는 미리보기를 표시하며 전체 파일은 내려받은 압축 파일에서 확인하세요.

이미지 도트화

이미지를 실제 N×N PNG 에셋으로.

사용 방법

  1. 이미지 열기
  2. 격자 크기·팔레트·디더링 선택
  3. 생성 후 원본 크기 PNG 다운로드

지원 형식

PNG / JPG / WebP / AVIF / HEIC → PNG — 입력·출력 지원은 브라우저에 따라 다릅니다. 움직이는 입력은 거부합니다. 먼저 정지 프레임을 선택하세요.

이 도구로 할 수 있는 일

실제 N×N 에셋을 만들고 투명 여백 정리와 외곽선을 선택할 수 있습니다.

처리 방식과 검증 수준

advanced · browser Pixel Studio: area-average cells / Wu palette / ordered, error-diffusion and blue-noise dithers / indexed and animation export. 품질 검증을 진행 중입니다. Pro·Flagship 수준은 아직 입증되지 않았습니다.

저장 전에 확인하세요

작은 격자는 세부 정보를 잃습니다. 손으로 그린 도트가 아닌 자동 변환입니다.

자주 묻는 질문

큰 미리보기 크기로 저장되나요?

아니요. 미리보기만 또렷하게 확대하며 실제 에셋은 선택한 8~512 격자 크기입니다.

파일이 서버에 업로드되나요?

이 도구에서 연 파일은 서버에 업로드하지 않고 사용자 기기에서 처리합니다. 커뮤니티 글에 직접 첨부하는 이미지는 별도로 업로드됩니다. 일부 엔진과 모델은 외부에서 내려받으므로 IP 주소 등 연결 정보가 해당 서비스에 전달됩니다.

작업이 자동 저장되나요?

아니요. 이미지와 편집 상태는 이 탭에 있고 미디어 결과는 기기 내 임시 저장소를 사용할 수 있습니다. 언어를 바꿔도 작업은 유지되지만 새로고침, 탭 닫기, 다른 페이지로 이동하면 사라질 수 있습니다.