👾
pixel-art-editor,
픽셀 아트 에디터
브라우저에서 픽셀 아트를 만들 수 있는 무료 에디터.
🎨
그리드 그리기
🖌️
팔레트 & 컬러 피커
🔒
서버 전송 없음
🔒
모두 브라우저 내에서 처리됩니다.
about,
개요
브라우저에서 픽셀 아트를 만들고 저장할 수 있는 에디터. 8×8~64×64의 그리드에 1픽셀씩 그립니다.
연필·채우기·지우개·직사각형 도구 탑재. PNG 저장 시 1x/2x/4x/8x의 확대 비율을 지원합니다.
how to,
사용법
STEP 1
캔버스 크기 선택
8×8~64×64의 그리드 크기를 선택
STEP 2
픽셀 아트 그리기
팔레트에서 색상을 선택하고, 연필 도구 등으로 픽셀을 배치
STEP 3
PNG 저장
원하는 확대 비율로 PNG 저장. 게임이나 SNS 아이콘에 활용
glossary,
용어 사전
- 픽셀 아트
- 컴퓨터 화면을 구성하는 최소 단위인 '픽셀(도트)'을 수작업으로 하나씩 배치하여 캐릭터나 풍경을 그려내는 디지털 아트 기법입니다. 레트로 게임 특유의 향수 어린 매력이 있어 현재도 인디 게임이나 SNS 아이콘 등에서 큰 인기를 끌고 있습니다.
- 그리드
- 캔버스 위에 표시되는 픽셀의 경계선을 명확히 하기 위한 격자 모양의 가이드라인입니다. 픽셀 아트를 제작할 때 어디에 픽셀을 찍을지 정확히 파악하기 위해 필수적인 기능이며, 편집 중에는 항상 켜두면 작업 효율이 크게 향상됩니다.
- 팔레트
- 캔버스에 그릴 때 사용할 수 있는 '색상 목록(물감 세트)'을 뜻합니다. 미리 준비된 레트로 게임 풍의 기본 32색 세트 외에 컬러 피커를 사용하여 프로젝트에 맞는 커스텀 색상을 선택 및 사용함으로써 통일감 있는 작품을 완성할 수 있습니다.
- 채우기(Flood Fill)
- 캔버스 위에서 같은 색상이 연속된 영역(닫힌 공간)을 클릭 한 번으로 다른 색상으로 일괄 변경하는 편리한 도구입니다. 캐릭터의 옷 색상을 나중에 바꾸거나 배경 전체를 순식간에 다른 색으로 다시 칠할 때 활용하여 많은 시간을 절약할 수 있습니다.
- 안티앨리어싱
- 디지털 이미지에서 대각선이나 곡선의 경계 부분에 중간색을 넣어 계단 현상(재기)을 부드럽게 보이게 하는 이미지 처리 기술입니다. 픽셀 아트 특유의 선명한 질감을 손상시키기 때문에 저장하거나 확대할 때는 이 처리를 의도적으로 비활성화(Nearest Neighbor 방식)하는 것이 기본입니다.
- 스프라이트
- 주로 2D 게임 개발에서 배경과 독립적으로 화면을 움직이는 캐릭터나 아이템 등의 작은 이미지를 의미합니다. 이 도구를 사용하면 배경이 투명한 PNG 스프라이트를 쉽게 만들어 Unity나 RPG 메이커 등의 게임 엔진에 바로 가져와서 사용할 수 있습니다.
- 투명(Alpha)
- 이미지의 일부를 투명하게 만들어 뒤에 있는 배경색이나 다른 이미지가 비쳐 보이게 하는 설정입니다. 캐릭터 이미지를 만들 때 주변 여백 부분을 투명 상태로 두면 웹사이트나 게임 화면에 배치했을 때 배경과 자연스럽게 어우러집니다.
- 확대 비율(Scale)
- 완성된 픽셀 아트를 이미지로 저장할 때 원본 픽셀 크기를 몇 배로 확대할지 결정하는 수치입니다. 예를 들어 원본이 32×32 픽셀일 경우 그대로 SNS에 올리면 너무 작아서 흐릿해지므로 4x(128px)나 8x(256px)로 확대하여 저장하여 선명하게 표시합니다.
faq,
FAQ
- Q.캔버스 크기는?
- 이 에디터에서는 8×8, 16×16, 32×32, 48×48, 64×64의 5가지 정사각형 캔버스 중 선택할 수 있습니다. 패미컴 풍의 레트로한 픽셀 아트라면 16×16, 정밀한 캐릭터나 아이콘 제작이라면 32×32 이상을 추천합니다. 용도에 맞게 최적의 크기를 선택해 주세요.
- Q.이미지가 서버로 전송되나요?
- 이미지 데이터나 그린 내용이 외부 서버로 전송되는 일은 전혀 없습니다. 이 도구는 HTML5의 Canvas API를 활용하여, 그리기부터 PNG 생성까지 모든 처리를 브라우저(로컬 환경)에서 완료합니다. 기밀성이 높은 소재도 안전하게 제작할 수 있습니다.
- Q.투명 픽셀을 사용할 수 있나요?
- 네, 사용할 수 있습니다. 팔레트에서 "투명(Transparent)"을 선택하여 캔버스를 칠하면 지우개처럼 해당 픽셀을 투명 상태로 되돌릴 수 있습니다. 게임용 스프라이트 소재나 배경이 투명한 SNS 아이콘 작성에 매우 유용합니다.
- Q.Undo/Redo가 가능한가요?
- 네, 최대 50회까지의 작업 기록을 기억하고 있어 Undo(실행 취소) 및 Redo(다시 실행)가 가능합니다. 실수로 다른 색으로 채우거나 세밀한 도트를 잘못 찍었을 때도 클릭 한 번으로 바로 수정할 수 있어 스트레스 없이 제작을 진행할 수 있습니다.
- Q.저장되는 이미지의 크기는?
- 다운로드 시 PNG 이미지는 1x(원본 크기), 2x, 4x, 8x의 4단계 확대 비율 중에서 선택할 수 있습니다. 16×16 캔버스를 8x로 저장할 경우 128×128 픽셀의 이미지로 출력됩니다. SNS나 각종 도구에서 선명하게 표시하고 싶다면 큰 확대 비율(4x~8x)로 저장하는 것을 권장합니다.
- Q.스마트폰에서도 사용할 수 있나요?
- 네, 스마트폰의 터치 조작도 완벽하게 지원합니다. 화면을 탭하여 도트를 찍거나 드래그하여 직선을 그릴 수 있습니다. 외출 중의 자투리 시간에도 떠오른 아이디어를 브라우저 상에서 바로 픽셀 아트로 형상화할 수 있습니다.
- Q.색상은 자유롭게 선택할 수 있나요?
- 기본적으로 엄선된 32가지 레트로 컬러 팔레트 외에 표준 컬러 피커 기능을 탑재하고 있습니다. HEX 코드나 RGB 값으로 지정한 임의의 색상을 자유롭게 추가하여 사용할 수 있어 당신이 상상하는 정밀한 그라데이션이나 배색을 표현할 수 있습니다.
- Q.작업 중인 데이터는 유지되나요?
- 현재 사양에서는 브라우저 탭을 닫거나 페이지를 새로 고침하면 작업 중인 데이터가 초기화되어 사라집니다. 장시간 작업할 경우 진행 상황을 잃지 않도록 "PNG 저장" 버튼을 통해 로컬에 이미지를 다운로드하여 백업해 주시기 바랍니다.
use cases,
활용 사례
🎮
게임 소재 제작
인디 게임의 캐릭터 및 아이템 스프라이트 제작
👤
SNS 아이콘 작성
픽셀 아트 풍의 오리지널 프로필 아이콘 작성
🎨
디지털 아트 입문
픽셀 아트 제작을 통해 디지털 아트의 기초를 배움
💬
이모티콘 및 스탬프 작성
채팅이나 메시지용 오리지널 스탬프 제작
Send Feedback
Please let us know your thoughts to help us improve the tool.
Feedback sent successfully. Thank you for your cooperation!
An error occurred. Please try again later.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.