픽셀 아트 팔레트 색상 교체·크롭 툴 - 브라우저에서 바로 쓰는 레트로 픽셀 편집기

픽셀 아트의 팔레트를 교체하거나 특정 영역만 잘라내고 싶을 때, 설치 없이 브라우저에서 바로 해결하는 도구입니다. 이미지를 업로드하면 사용된 색상이 자동으로 감지되고 클릭 몇 번으로 원하는 색상으로 교체하거나 레트로 프리셋 팔레트(PICO-8, 게임보이 등)를 덮어씌운 뒤 다운로드할 수 있습니다.

🎨 주요 기능

팔레트 색상 자동 감지 및 교체

• 이미지를 로드하면 사용된 색상을 최대 256가지까지 자동 추출하여 팔레트 그리드로 표시합니다.
• 교체하고 싶은 색상을 클릭한 뒤 대상 색상을 색상 선택기로 고르고 색상 교체 적용 버튼을 누릅니다.
• 유사 색상 포함 옵션을 켜고 허용 범위(0~60)를 조절하면 완전히 동일한 색상이 아닌 근사한 색상도 함께 교체됩니다.

레트로 프리셋 팔레트 원클릭 적용

프리셋 적용 시 이미지의 모든 픽셀이 해당 팔레트의 가장 가까운 색상으로 재매핑됩니다.

자유·비율 고정 크롭

• 캔버스에서 마우스를 드래그하여 크롭 영역을 자유롭게 선택합니다.
• 비율 고정 모드에서 1:1, 16:9, 4:3, 2:1 또는 직접 입력한 비율을 유지하며 크롭 범위를 지정할 수 있습니다.
• X·Y·W·H 수치를 직접 입력하여 픽셀 단위 정밀 크롭도 가능합니다.
• 크롭 적용 버튼을 누르면 선택 영역만 남은 새 이미지가 생성됩니다.

실행 취소 / 다시 실행 (Undo / Redo)

색상 교체, 프리셋 적용, 크롭 등 모든 편집 작업에 대해 최대 20단계의 실행 취소·다시 실행을 지원합니다. Ctrl+Z / Ctrl+Y 단축키를 사용할 수 있습니다.

내보내기

• 포맷: PNG(무손실), JPEG, WEBP
• 배율: 1×, 2×, 4×, 8× 중 선택 (픽셀 아트 확대 출력에 유용)
• JPEG·WEBP는 품질(10~100%)을 직접 조절합니다.
• 클립보드 복사 버튼으로 결과 이미지를 PNG 형식으로 즉시 복사할 수 있습니다(HTTPS 환경 필요).

캔버스 뷰어 기능

• 마우스 휠 또는 +(−) 버튼으로 줌 인·아웃, 우클릭 드래그로 팬 이동을 지원합니다.
• 캔버스 위 픽셀에 마우스를 올리면 해당 픽셀의 HEX 색상 코드와 좌표가 툴팁으로 표시됩니다.
• 그리드 표시 토글로 픽셀 경계선을 시각화하고 체커보드 배경으로 투명 영역을 확인합니다.
• 모바일에서는 두 손가락 핀치로 줌 조작이 가능합니다.

👥 대상 사용자 및 활용 사례

• 픽셀 아트 제작자·인디 게임 개발자: 스프라이트나 타일의 색 구성을 빠르게 바꾸거나 게임 콘솔 팔레트(PICO-8, NES 등)에 맞게 변환할 때 사용합니다.
• 레트로 감성 콘텐츠 크리에이터: 일반 사진이나 아이콘을 게임보이 4색·PICO-8 16색 팔레트로 변환하여 레트로 느낌의 이미지를 만들 때 유용합니다.
• 도트 그래픽 학습자: 색상 교체 기능으로 기존 픽셀 아트의 배색을 실험하며 팔레트 구성 감각을 기를 수 있습니다.
• UI 디자이너: 아이콘이나 작은 그래픽 소재의 색상을 테마에 맞게 교체하고 PNG로 다운로드할 때 활용합니다.

🕹️ 사용 방법

1. 이미지 업로드: 좌측 패널의 업로드 영역을 클릭하거나 파일을 드래그하여 PNG·JPG·GIF·BMP·WEBP 이미지를 로드합니다.
2. 색상 확인: 팔레트 그리드에 감지된 색상이 자동으로 표시됩니다.
3. 색상 교체:
   • 팔레트에서 교체할 색상 스와치를 클릭합니다.
   • 교체 색상 선택기에서 원하는 색을 고른 뒤 색상 교체 적용을 클릭합니다.
   • 또는 프리셋 팔레트 버튼(PICO-8, GAMEBOY 등)을 눌러 전체 팔레트를 한 번에 바꿉니다.
4. 크롭:
   • 캔버스 위에서 마우스를 드래그해 크롭 영역을 지정합니다.
   • 비율 고정이 필요하면 비율 고정 모드를 켜고 프리셋 비율을 선택합니다.
   • 크롭 적용 버튼을 눌러 선택 영역만 남깁니다.
5. 내보내기: 포맷·배율·품질을 설정한 뒤 이미지 다운로드 또는 클립보드 복사를 클릭합니다.
6. 실행 취소: 잘못된 작업은 Ctrl+Z 또는 UNDO 버튼으로 되돌립니다.

⚠️ 제한 사항

• 이미지 처리는 완전히 클라이언트(브라우저) 측에서 이루어지므로 이미지 데이터가 외부 서버로 전송되지 않습니다.
• 팔레트 자동 감지는 최대 256색까지 표시됩니다. 색상이 더 많은 이미지는 상위 256가지 색상만 표시됩니다.
• 실행 취소는 최대 20단계까지 유지됩니다.
• 클립보드 복사 기능은 HTTPS 환경에서만 동작합니다.
• 매우 큰 이미지(4K 이상)를 처리할 경우 프리셋 팔레트 적용 시 잠시 응답이 느릴 수 있습니다.

❓ FAQ

Q1. 이미지를 서버에 업로드하나요? 개인 이미지를 사용해도 안전한가요?

아닙니다. 이 도구는 100% 브라우저 내부에서 작동합니다. 이미지는 외부 서버로 전송되지 않으며 탭을 닫으면 이미지 데이터가 완전히 소거됩니다.

Q2. GIF(애니메이션)를 업로드하면 모든 프레임에 색상 교체가 적용되나요?

아닙니다. GIF 파일은 첫 번째 프레임만 정지 이미지로 로드됩니다. 애니메이션 GIF의 모든 프레임을 편집하는 기능은 지원하지 않습니다.

Q3. 크롭 후에도 실행 취소로 원래 이미지로 돌아갈 수 있나요?

네. 크롭 적용 전까지 Ctrl+Z(또는 UNDO 버튼)를 반복해 이전 상태로 복구할 수 있습니다. 최대 20단계 이전까지 되돌릴 수 있습니다.

Q4. 색상 교체 시 비슷한 색상이 같이 바뀌는 게 싫어요. 정확히 선택한 색상만 바꿀 수 있나요?

네. 유사 색상 포함 체크박스를 해제하면 HEX 값이 정확히 일치하는 픽셀만 교체됩니다. 허용 범위를 0으로 설정하는 것과 동일한 동작입니다.

Q5. 2× 또는 4× 배율로 내보내면 픽셀이 뭉개지나요?

아닙니다. 내보내기 시 imageSmoothingEnabled를 비활성화하여 픽셀 단위 정확한 스케일업이 이루어집니다. 선명한 도트 그래픽이 유지됩니다.