Pixelnam

PNG 를 불러와 픽셀 단위로 고치거나, 가지고 있는 그림을 도트 그림으로 바꾸는 브라우저 편집기입니다. 설치 없이 열고, 끝나면 PNG 로 내려받습니다.

앱 아이콘 한 귀퉁이를 다듬자고 무거운 편집 프로그램을 켜기 싫어서 만들었습니다.

• 그리기 · 지우개 · 채우기 · 영역 지우기 · 스포이드
• 직선 · 원 · 정사각형 · 둥근 사각형 · 올가미
• 브러시 크기, 도형 속 채우기, 격자

• PNG 열기 — 파일을 끌어다 놓거나 붙여넣어도 됩니다
• 픽셀화 — 가로 픽셀 수와 색 수를 정해 도트 그림으로 바꿉니다
• 배경 제거 — 가장자리의 바탕색을 찾아 투명하게 만듭니다
• PNG 내보내기 — ×1 · ×4 · ×8 · ×12 배율, 투명 여백 잘라내기

휠을 굴리면 화면이 움직이고, 폰에서는 두 손가락으로 확대·이동합니다. 잘못 그렸으면 되돌리기, 폰에서는 두 손가락 탭으로 한 단계 돌아갑니다.

• HTML 한 장과 Canvas 2D. 그림을 서버로 보내지 않고 모든 처리가 브라우저 안에서 끝납니다
• 픽셀화의 색 줄이기는 미디언 컷, 사진에는 Floyd–Steinberg 디더링
• 크게 확대해 둔 도트 그림은 색이 바뀌는 간격을 세어 원래 픽셀 크기를 되돌립니다
• 서비스 워커로 기본 파일을 저장해 두고, 작업은 localStorage 에 둡니다