픽셀 도구

도트 그리기부터 픽셀 작업까지, 브라우저에서 바로 쓰는 픽셀 도구를 모았어요.

픽셀아트 에디터 이미지 픽셀화

도구 선택 기준

빈 격자에 도트를 직접 찍어 아이콘·스프라이트를 만들려면 픽셀아트 에디터를 선택하세요. 기존 사진이나 그림을 큰 색 블록으로 단순화하려면 이미지 픽셀화가 맞습니다. 전자는 캔버스 크기와 팔레트를 정해 새 그림을 만드는 편집 작업이고, 후자는 원본 이미지의 해상도와 블록 크기를 바탕으로 효과를 적용하는 변환 작업입니다.

예를 들어 32×32 게임 아이콘을 만들 때는 먼저 최종 캔버스 크기를 고정하고 제한된 색으로 큰 형태를 잡은 뒤 한 픽셀 단위로 경계를 다듬으세요. 사진 픽셀화는 작은 블록부터 시험해 얼굴이나 글자처럼 남겨야 할 윤곽이 사라지지 않는 값을 찾습니다. 같은 이미지를 여러 번 픽셀화하기보다 원본에서 각 설정을 새로 비교해야 품질 차이를 정확히 볼 수 있습니다.

결과를 확인하는 순서

작업 전 원본과 목표 가로·세로, 투명 배경 필요 여부와 사용할 팔레트를 확인하세요. 픽셀아트는 100% 배율에서 한 번, 실제 표시 크기에서 한 번 보고 끊긴 윤곽과 의도하지 않은 반투명 픽셀을 찾습니다. 확대 표시에는 부드러운 보간보다 최근접 방식이 적합한 경우가 많으며, 내보낸 파일을 다시 열어 격자와 색이 유지되는지 확인합니다.

작은 도트 이미지를 큰 해상도로 저장해도 새로운 세부 정보가 생기지는 않습니다. 반대로 큰 사진의 픽셀화는 되돌릴 수 없는 단순화이므로 원본을 별도 보관해야 합니다. 브라우저 캔버스의 크기와 기기 메모리에 따라 매우 큰 작업은 느려질 수 있고, 출력 형식에 따라 투명도와 색 표현이 달라질 수 있으니 실제 게임 엔진이나 게시 화면에서도 시험하세요. 편집 프로젝트는 브라우저를 닫기 전에 지원되는 저장 형식으로 내려받으세요.