어떻게 아스키 아트를 만드나요?

입력한 텍스트를 캔버스에 렌더링한 뒤 픽셀 밝기를 분석해 문자로 치환하는 방식입니다.

한글도 지원하나요?

네. 브라우저 폰트로 렌더링 가능한 문자라면 한글도 변환됩니다.

전송되지 않습니다. Canvas API로 브라우저 안에서만 처리됩니다.

가변폭 폰트로 표시되기 때문입니다. 코드 블록(```)으로 감싸거나 고정폭 폰트가 적용되는 곳에 붙여넣으세요.

가능하지만 가독성이 떨어집니다. 짧은 단어나 이니셜 위주로 쓰는 것이 보기 좋습니다.

짧은 텍스트를 큰 아스키 아트 배너로 변환합니다.

텍스트 (짧게 입력하세요)

입력

HI

출력

  @@@    @@@   @@@@@@
  @@@    @@@    @@@
  @@@@@@@@@@    @@@
  @@@    @@@    @@@
  @@@    @@@   @@@@@@
…

"HI"를 입력하면 각 글자가 큰 아스키 배너로 그려집니다. 글자 획이 진한 문자(@ % #)로, 여백이 공백으로 표현됩니다. 실제 문자 모양은 브라우저 폰트 렌더링에 따라 조금씩 달라지므로 위 결과는 대표적인 예시이며, 배너 전체는 여러 줄로 이어집니다.

아스키 아트는 문자 자체로 그림을 만드는 방식이라, 표시되는 폰트가 결과를 좌우합니다.

요소	설명
구성 문자	영문 대소문자·숫자·기호 등 ASCII 문자로만 이루어집니다
필수 조건	고정폭(monospace) 폰트 — 글자마다 너비가 같아야 그림이 유지됩니다
주요 용도	README 배너, 코드 주석, 터미널 시작 화면, 커밋 메시지 장식
입력 제한	짧은 영문·숫자 텍스트에 최적화 — 한글은 지원이 제한될 수 있습니다

어떻게 아스키 아트를 만드나요?: 입력한 텍스트를 캔버스에 렌더링한 뒤 픽셀 밝기를 분석해 문자로 치환하는 방식입니다.
한글도 지원하나요?: 네. 브라우저 폰트로 렌더링 가능한 문자라면 한글도 변환됩니다.
입력한 텍스트가 서버로 전송되나요?: 전송되지 않습니다. Canvas API로 브라우저 안에서만 처리됩니다.
메신저에서 보내면 그림이 깨지는 이유는?: 가변폭 폰트로 표시되기 때문입니다. 코드 블록(```)으로 감싸거나 고정폭 폰트가 적용되는 곳에 붙여넣으세요.
긴 문장도 배너로 만들 수 있나요?: 가능하지만 가독성이 떨어집니다. 짧은 단어나 이니셜 위주로 쓰는 것이 보기 좋습니다.