CodeKitHub
이미지 도구

이미지 to ASCII 아트 변환기

마지막 업데이트:

사진을 업로드하면 원본 이미지의 밝기에 맞춰 명암이 표현된 ASCII 문자 격자로 바뀝니다 — 그 유명한 "텍스트 아트" 느낌입니다. 모든 처리는 브라우저의 캔버스에서 이루어집니다: 이미지는 로컬에서 읽히며 어디에도 업로드되지 않습니다.

이 도구는 무엇인가요?

이 도구는 이미지를 격자 단위로 샘플링해 각 칸의 밝기를 측정하고, "비어 보이는" 문자(공백, 마침표)부터 "빽빽해 보이는" 문자(@, #, 채워진 블록)까지 이어지는 램프에서 해당하는 문자로 바꿉니다. 기본값으로는 밝은 영역을 빽빽한 문자에, 어두운 영역을 성긴 문자에 매핑합니다 — 출력이 어두운 배경 위의 밝은 텍스트이기 때문에, 이렇게 해야 사진의 밝은 부분이 실제로 밝아 보이고 어두운 부분은 배경에 자연스럽게 섞입니다.

이 도구는 이 사이트의 텍스트 기반 ASCII 아트 생성기와는 다릅니다. 그 도구는 입력한 단어를 큰 블록 글자(FIGlet 스타일 배너)로 바꾸지만, 이 도구는 반대 방향으로 작동합니다 — 입력한 텍스트가 아니라 실제 사진이나 이미지 파일을 입력으로 받습니다.

왜 사용해야 할까요?

  • 클릭 한 번으로 어떤 사진이든 공유 가능한 순수 텍스트 ASCII 아트로 변환합니다.
  • 출력 폭 조절과 세 가지 문자 세트(세밀한 그레이스케일 램프, 단순한 7글자 램프, 유니코드 블록 음영)로 다양한 느낌을 낼 수 있습니다.
  • 밝은 배경에 붙여넣을 때를 위한 반전 옵션이 있습니다.
  • 100% 사생활 보호 — 캔버스 처리가 로컬에서 이루어지며 사진이 업로드되지 않습니다.
  • 무료, 회원가입 불필요, 워터마크 없음.

사용 방법

  1. 업로드 영역을 클릭하거나 JPG, PNG, WebP 이미지를 드래그해서 놓으세요.
  2. 출력 폭(문자 수)을 설정하세요 — 숫자가 클수록 디테일은 늘지만 결과가 넓어집니다.
  3. 문자 세트를 고르세요: 부드러운 그러데이션에는 Detailed, 더 강렬한 느낌에는 Simple이나 Blocks를 선택하세요.
  4. 밝은 배경에 붙여넣을 예정이라면 Invert를 켜세요.
  5. Copy를 클릭해 순수 텍스트 결과를 가져가세요.

예시

입력

검은 배경 위에 밝은 흰색 원 하나가 있는 사진, 폭 100자

결과

가장자리는 대부분 공백/빈 문자, 가운데에는 @와 # 문자가 밀집해 원의 실루엣을 이룸

정확한 문자는 이미지의 실제 밝기 값에 따라 달라집니다 — 이것은 패턴에 대한 설명일 뿐, 원본 사진마다 결과가 다르므로 실제 출력 그대로는 아닙니다.

실용 팁

  • 명암 대비가 뚜렷한 사진(단순한 배경 위에 뚜렷한 피사체)이 복잡하고 대비가 낮은 장면보다 훨씬 알아보기 쉽게 변환됩니다.
  • 100~150자 폭이 대부분 용도에 가장 적합한 지점입니다 — 실제 디테일을 표현할 만큼 넓으면서도 일반 화면에 여전히 들어갑니다.
  • 결과가 예상과 반대로 보인다면(피사체가 어두워야 할 텐데 밝은 실루엣으로 보이는 등) 다른 이미지를 시도하기보다 Invert 체크박스를 켜보세요.
  • "Blocks" 문자 세트는 아주 작은 출력 폭에서 "Detailed"보다 잘 보이는 경우가 많습니다 — 몇 단계의 음영이 수십 개의 얇은 문자보다 더 잘 보이기 때문입니다.

텍스트-to-ASCII 아트와의 차이

사진이 아니라 입력한 텍스트(프로젝트명, 단어)로 배너를 만들고 싶다면, 이 사이트의 ASCII 아트 생성기가 그 역할을 합니다 — FIGlet 폰트로 블록 글자를 그리며 이미지는 전혀 다루지 않습니다.

두 도구는 함께 쓰이는 경우가 많습니다: FIGlet 배너를 제목으로 쓰고, 이 도구로 변환한 이미지를 그 아래 시각적 요소로 배치하면, 코드 주석이나 순수 텍스트 README에 붙여넣어도 그대로 유지되는 완전한 텍스트가 됩니다.

아스키 아트 생성기 · 이미지 압축기

자주 묻는 질문

제 ASCII 아트가 찌그러지거나 늘어나 보이는 이유는요?

모노스페이스 글자 칸은 폭보다 높이가 대략 두 배라서, 픽셀 대 픽셀로 그대로 변환하면 이미지가 세로로 찌그러집니다. 이 도구는 1:1 픽셀 격자가 제안하는 것보다 적은 행을 샘플링해 이미 이를 보정합니다 — 붙여넣은 곳에서도 여전히 이상해 보인다면, 그 위치가 모노스페이스가 아닌 폰트를 쓰고 있을 가능성이 있습니다.

문자 세트 선택이 실제로 중요한가요?

네. "Detailed"는 수십 가지 문자로 부드러운 그러데이션을 만들어 멀리서 보거나 확대했을 때 가장 잘 보입니다. "Simple"(7글자)과 "Blocks"(유니코드 음영 블록)는 명암 단계 사이 경계가 뚜렷하게 보이는 더 강렬하고 그래픽적인 느낌을 줍니다 — 사실적인 표현보다는 스타일화된 효과에 적합합니다.

Invert는 언제 써야 하나요?

기본값으로는 사진의 밝은 부분이 빽빽한 문자로, 어두운 부분이 성긴 문자로 바뀌는데 — 이는 이 도구의 어두운 출력 박스(어두운 배경 위 밝은 텍스트)에서 올바르게 보입니다. 결과를 흰 문서나 밝은 테마 앱에 붙여넣는다면 Invert를 켜서 어두운 이미지 영역이 대신 빽빽한 문자로 매핑되게 하세요(밝은 페이지 위 어두운 잉크). 이렇게 하면 아트를 알아보기 쉽게 유지할 수 있습니다.

이상적인 출력 폭은 얼마인가요?

100자는 브라우저나 터미널에서 가로 스크롤 없이 보기에 좋은 기본값입니다. 훨씬 높이면(200 이상) 디테일은 더 살아나지만 결과가 대부분의 화면보다 넓어지고, 너무 낮으면(40 미만) 알아볼 수 있는 디테일이 대부분 사라집니다.

제 사진이 어딘가에 업로드되나요?

아닙니다. 이미지는 브라우저 안에서 Canvas API로 직접 디코딩되고 샘플링됩니다. 어떤 시점에도 서버로 전송되지 않습니다.

관련 도구