온라인 화이트보드
Canvas 기반 그림판이에요. 펜·선·사각형·원·지우개에 실행취소까지 기본 기능은 다 됩니다.
크기
3px
색상
키보드 단축키 보기
V 선택 (스티커·말풍선·이미지 이동/크기/삭제) · P 펜 · L 직선 · R 사각형 · C 원 · E 지우개
I 이미지 추가 · Ctrl+V 클립보드 붙여넣기 · 캔버스에 파일 드래그앤드롭 · F2/더블클릭 말풍선 텍스트 편집
Ctrl+Z 실행취소 · Ctrl+Y 다시실행 · Esc 선택 해제
+ 확대 · − 축소 · 0 원래 크기 · Del 선택 스티커 삭제
I 이미지 추가 · Ctrl+V 클립보드 붙여넣기 · 캔버스에 파일 드래그앤드롭 · F2/더블클릭 말풍선 텍스트 편집
Ctrl+Z 실행취소 · Ctrl+Y 다시실행 · Esc 선택 해제
+ 확대 · − 축소 · 0 원래 크기 · Del 선택 스티커 삭제
100%
모양
꼬리
채우기
테두리
두께
글자색
글자크기
스티커 클릭 → 캔버스 추가. 추가 후 드래그로 이동, 모서리 빨간 점으로 크기 조정, 우상단 × 버튼으로 삭제. 이미지는 도구바 "이미지" 버튼 또는 Ctrl+V 붙여넣기 또는 캔버스에 드래그앤드롭. PNG 다운로드 시 스티커·말풍선·이모지·이미지 모두 합성됩니다.
브라우저에서 바로 스케치
HTML5 Canvas로 만든 가벼운 그림 도구예요. 줌 수업에서 공식 그림 설명할 때, 아이들이 부모 폰 붙잡고 낙서할 때, 회의록 그림으로 정리할 때 꺼내 쓰시면 편합니다. 펜·선·사각형·원·지우개 같은 기본 도구랑 색상·굵기 조절, 실행취소/재실행까지 있어요. 설치나 로그인 필요 없이 페이지 열면 바로 쓰실 수 있어요.
쓰는 법
- 도구 선택 - 자유 드로잉은 펜, 도형은 선·사각형·원, 지울 땐 지우개.
- 색상 선택 - 프리셋 컬러 8개 중 고르거나 컬러피커로 직접 지정하세요.
- 굵기 조절 - 슬라이더로 1~20px 사이 선 굵기를 정합니다.
- 그리기 - 캔버스에서 클릭 드래그로. 도형은 시작점에서 끝점까지 끌어주세요.
- 되돌리기 - 실행취소는 최대 50단계까지 돼요. 재실행도 됩니다.
- 저장 - 'PNG 다운로드' 버튼 누르면 이미지로 내려받기.
써볼 만한 점
- HTML5 Canvas 기반이라 브라우저만 있으면 바로 돌아가요. 설치 필요 없어요.
- 터치 이벤트 지원해서 아이패드·갤탭 같은 태블릿이나 스마트폰에서도 쓸 수 있습니다.
- 펜·선·사각형·원·지우개 정도면 단순 스케치 용도엔 충분해요.
- 최대 50단계까지 실행 취소가 돼서 마음껏 시도해볼 수 있어요.
- PNG로 한 번에 저장되고 투명 배경도 유지됩니다.
- 전부 브라우저 안에서 돌아가고 서버 업로드가 없어요.
다른 그림 도구랑 비교
| 항목 | FreeToolbox | Excalidraw | Sketchpad |
|---|---|---|---|
| 로그인 | 필요 없음 | 필요 없음 | 필요 없음 |
| 도형 | 선·사각형·원 | 다양 | 다양 |
| 터치 지원 | 예 | 예 | 예 |
| 실행 취소 | 50단계 | 무제한 | 제한적 |
| PNG 저장 | 예 | 예 | 예 |
| 페이지 로드 | 즉시 | 보통 | 보통 |
| 광고 | 거의 없음 | 없음 | 많음 |
자주 묻는 질문
그림 그리다 저장해두고 다음에 이어서 할 수 있어요?
현재는 세션 간 저장이 안 돼요. 페이지 닫기 전에 'PNG 다운로드'로 파일로 저장해두시는 걸 권해드려요.
모바일에서도 돼요?
네, 터치 이벤트 지원해서 태블릿이랑 스마트폰에서 손가락·스타일러스로 그릴 수 있습니다.
캔버스 해상도가 얼마예요?
내부적으로 1200×700 픽셀이에요. 화면 폭에 맞춰서 반응형으로 줄어들긴 하지만 PNG로 저장할 땐 원본 해상도가 유지됩니다.
배경색 바꿀 수 있나요?
기본 배경은 투명(다크 테마 화면)이에요. PNG로 내보내면 배경이 투명 처리되기 때문에 다른 이미지 위에 올리기 쉬워요.
실행취소 몇 단계까지 돼요?
최대 50단계까지요. 각 획이나 도형 하나가 한 단계로 계산되고, 실수로 취소한 건 재실행으로 복원 가능합니다.