목차▾
도트아트란?
도트아트는 점자 유니코드 문자(⣿⠟⠋)를 픽셀처럼 이어 붙여 만드는 텍스트 그림입니다. 이미지가 아니라 순수한 글자이기 때문에 카톡 메시지·프로필, 디스코드, 인스타 댓글 등 텍스트를 입력할 수 있는 곳이면 어디든 복사해서 붙여넣을 수 있습니다. 이 도구는 올린 이미지를 브라우저 안에서 바로 점자 도트아트로 변환하며, 서버 업로드가 없어서 어떤 사진을 올려도 밖으로 나가지 않습니다. 급하게 쓸 사람을 위해 복붙용 모음 8종도 함께 뒀습니다.
출력 방식을 바꾸면 같은 이미지를 아스키 아트(ASCII art) — @·%·#·* 같은 영문 기호의 진하기로 명암을 표현한 그림 — 로도 만들 수 있습니다. 점자 도트는 카톡·인스타처럼 글꼴을 고를 수 없는 곳에서도 모양이 유지되고, 아스키 아트는 코드 주석·README·터미널처럼 고정폭 글꼴을 쓰는 곳에 어울립니다.
사용법 — 이미지를 점자·아스키로
- 이미지를 올립니다 (드래그앤드롭 또는 클릭 선택). 올리기 전에는 샘플 하트로 미리 만져볼 수 있습니다.
- 출력 방식을 고릅니다 — 카톡·인스타·디스코드에 붙여넣을 거면 점자 도트, 코드 주석·README·터미널이면 아스키 문자.
- 가로 폭을 붙여넣을 곳에 맞춥니다 — 카톡이면 20~25칸, 아스키 아트는 60~80자.
- 사진이면 디더링, 로고·그림처럼 선이 뚜렷한 이미지면 단순 모드를 선택하고 농도를 조절합니다. 아스키 모드에서는 대비·문자 램프·세로 보정도 고를 수 있습니다.
- 결과 복사를 누르거나 .txt 파일로 저장해 원하는 곳에 붙여넣으면 끝입니다.
아이폰에서 찍은 HEIC 사진이 안 올라가면 HEIC 변환으로 JPG로 바꾼 뒤 올리면 됩니다. 결과가 뭉개져 보이면 폭을 키우기 전에 농도부터 조절해보세요 — 배경이 어두운 사진은 반전을 켜는 쪽이 나을 때가 많습니다.
플랫폼별 권장 폭과 글자 수 제한
| 플랫폼 | 권장 가로 폭 | 비고 |
|---|---|---|
| 카카오톡 | 20~25칸 | 이보다 넓으면 화면에서 줄이 꺾여 그림이 무너짐 |
| 인스타 소개글(bio) | 10~12칸 | 150자 제한 — 작은 도트아트만 가능 |
| 인스타 게시물·댓글 | 20칸 안팎 | 글자 수는 넉넉하지만 폭은 모바일 화면 기준으로 |
| 디스코드 | 30~40칸 | PC 화면이 넓고 고정폭 폰트라 가장 잘 나옴 |
공통 원칙은 하나입니다: 붙여넣는 곳의 한 줄에 다 들어가야 그림이 유지된다. 줄이 꺾이는 순간 도트가 뒤섞이므로, 어긋나 보이면 폭을 줄여서 다시 변환하는 게 답입니다. 인스타 프로필을 꾸미는 중이라면 글씨 쪽은 인스타 글씨체 변환과 조합할 수 있습니다.
잘 나오는 이미지, 안 나오는 이미지
- 잘 나옴 — 로고, 캐릭터, 실루엣, 배경과 피사체의 명암 대비가 뚜렷한 사진. 도트아트는 결국 흑백 2단계라 형태가 단순할수록 유리합니다.
- 잘 안 나옴 — 배경이 복잡한 풍경, 명암 차이가 적은 인물 사진, 가는 글씨가 많은 이미지. 폭 40칸이어도 실제 해상도는 80×N 픽셀 수준이라 세부 묘사가 뭉개집니다.
모드 선택 기준: 사진은 디더링, 그림·로고는 단순. 디더링은 점의 밀도로 중간 밝기를 흉내 내 사진의 음영을 살리고, 단순 모드는 경계선을 깔끔하게 잘라 로고·아이콘에 어울립니다. 명암이 많은 사진은 글자마다 진하기가 다른 아스키 모드가 더 부드럽게 나오기도 합니다.
점자 유니코드 원리 — 왜 안 깨질까
도트아트에 쓰이는 문자는 유니코드 점자 블록(U+2800~U+28FF)입니다. 한 글자가 가로 2칸 × 세로 4칸 = 8개 도트를 담고, 각 도트를 켜고 끄는 조합이 28 = 256가지라 어떤 픽셀 패턴이든 표현할 수 있습니다. 그리고 256자가 전부 같은 너비로 디자인돼 있어서 어느 기기·앱에 붙여넣어도 세로 정렬이 무너지지 않습니다 — 일반 문자로 만드는 아스키 아트가 폰트에 따라 쉽게 깨지는 것과의 결정적 차이입니다.
비어 보이는 자리에도 공백 대신 빈 점자(U+2800)를 씁니다. 일반 공백은 앱에 따라 너비가 다르거나 연속 공백이 잘려나가는 경우가 있는데, 빈 점자는 다른 점자와 항상 같은 너비를 유지하기 때문입니다. 이런 스타일 문자의 세계가 더 궁금하면 특수문자 모음에 정리돼 있습니다.
아스키 아트란? — 짧은 역사
아스키 아트(ASCII art)는 ASCII 문자 코드의 인쇄 가능한 문자 95개(영문 대소문자·숫자·기호·공백)만으로 그리는 텍스트 그림입니다. ASCII는 1963년에 처음 제정된 7비트 문자 코드로, 거의 모든 컴퓨터와 프로그램이 같은 글자로 읽는 가장 기본적인 문자 집합입니다. 그래서 어디에 옮겨도 글자 자체가 깨질 일은 없습니다.
그래픽을 출력하지 못하던 초기 프린터·터미널에서 그림 대신 글자를 찍던 것이 출발점입니다. 영어 위키백과는 1966년 무렵 벨 연구소의 케네스 놀턴(Kenneth Knowlton)과 레온 하먼(Leon Harmon)의 작업을 가장 오래된 사례 가운데 하나로 들고, 1970년대 말~1980년대 초 전자게시판(BBS)을 거쳐 이메일·유즈넷으로 퍼졌다고 설명합니다. 그보다 앞서 타자기로 글자를 찍어 그림을 만드는 타자기 아트도 있었습니다. 지금도 프로그램 실행 화면의 로고, 소스 코드 주석, 오픈소스 README 머리말에서 흔히 볼 수 있습니다.
점자 도트아트와 아스키 아트의 차이
| 구분 | 점자 도트 | 아스키 문자 |
|---|---|---|
| 쓰는 문자 | 점자 유니코드 256자 (U+2800~ | 영문·숫자·기호 (이 도구는 10자·70자 램프) |
| 모양이 맞는 글꼴 | 대부분의 글꼴 (점자끼리 폭이 같음) | 고정폭 글꼴만 |
| 붙여넣을 곳 | 카톡·인스타·디스코드·문자 메시지 | 코드 주석·README·터미널·메모장 |
| 한 글자의 해상도 | 도트 8개 (2×4), 켜짐·꺼짐 2단계 | 1칸, 명암 10~70단계 |
| 가로 40글자일 때 | 가로 80도트 | 가로 40칸 |
핵심 차이는 글꼴입니다. 고정폭(monospace) 글꼴은 i와 W가 같은 폭이라 칸이 맞지만, 메신저·SNS의 기본 글꼴은 비례폭이라 i는 좁고 W·@는 넓어서 줄마다 길이가 달라집니다. 그래서 아스키 아트를 카톡에 붙이면 줄이 어긋나고, 이런 곳에는 점자 도트가 낫습니다. 반대로 고정폭이 보장되는 곳에서는 글자마다 진하기가 다른 아스키 쪽이 사진의 음영을 더 부드럽게 옮깁니다. 해상도만 보면 한 글자에 도트 8개를 담는 점자가 더 촘촘하지만, 도트 하나하나는 켜짐·꺼짐 두 가지뿐입니다.
문자 램프 원리 — 밝기를 글자로
아스키 변환은 이미지를 가로 N칸으로 줄인 뒤 칸마다 밝기(0~255)를 구하고, 그 밝기를 문자 램프의 한 글자로 바꾸는 방식입니다. 문자 램프는 잉크가 많이 찍혀 진해 보이는 글자부터 옅은 글자 순으로 늘어놓은 문자열로, 이 도구는 Paul Bourke가 1997년에 정리한 두 가지를 씁니다.
| 램프 | 문자 (진함 → 옅음) | 특징 |
|---|---|---|
| 10단계 | @%#*+=-:. | 단계 차이가 뚜렷해 로고·그림이 깔끔함 |
| 70단계 | $@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<>i!lI;:,"^`'. | 사진의 세부를 더 살리지만, 글꼴마다 글자 진하기가 달라 얼룩져 보일 수 있음 |
검정은 램프의 첫 글자(@ 또는 $)가 되고 흰색은 마지막 글자인 공백이 됩니다. 반전을 켜면 순서가 뒤집혀, 배경이 검은 터미널이나 다크 모드 편집기에 붙여넣을 때 밝은 부분이 진한 글자로 나옵니다. 디더링을 켜면 점자 모드와 같은 Floyd–Steinberg 오차 확산으로 램프 단계 사이의 밝기를 이웃 칸에 나눠, 그라데이션에 생기는 띠를 줄입니다.
세로 보정은 글자 칸 모양 때문에 필요합니다. 고정폭 글자 한 칸은 폭보다 높이가 2배 안팎이라, 이미지 한 픽셀을 한 글자로 그대로 옮기면 그림이 세로로 늘어납니다. 그래서 세로 방향은 가로의 절반 정도만 샘플링하는 것이 관례이고, 이 도구의 기본값도 1:2입니다. 붙여넣은 곳에서 세로로 길어 보이면 값을 키우고, 납작해 보이면 줄이세요.
아스키 아트, 어디에 붙여넣을까
| 붙여넣을 곳 | 권장 가로 폭 | 요령 |
|---|---|---|
| 소스 코드 주석 | 줄 길이 제한보다 짧게 | 줄마다 주석 기호(//, #)를 붙이거나 블록 주석 안에 넣기. 기호가 차지하는 폭만큼 줄여서 변환 |
| README (마크다운) | 80자 안팎 | 백틱 세 개(```)로 감싼 코드 블록 안에 넣기. 밖에 두면 공백·줄바꿈이 합쳐지고 *·_가 서식으로 바뀜 |
| 터미널·콘솔 출력 | 창 폭 이하 (전통적 기본값 80열) | 검은 배경이면 반전을 켜기 |
| 메모장·.txt 파일 | 자유 | 고정폭 글꼴(Consolas, D2Coding 등)로 열기 |
| 디스코드·슬랙 | 40~60자 | 코드 블록(```)으로 감싸야 고정폭으로 보임 |
| 카톡·인스타 | 비추천 | 비례폭 글꼴이라 줄이 어긋남 — 점자 도트 사용 |
붙여넣은 뒤 모양이 틀어지면 먼저 글꼴이 고정폭인지 확인하고, 줄이 중간에 꺾이면 가로 폭을 줄여 다시 변환하면 됩니다. 아스키 결과는 줄 끝 공백을 빼고 만들어서, 편집기가 줄 끝 공백을 지워도 모양이 그대로 남습니다.
쓰기 전에 알아둘 것 (정직한 이야기)
- 세로 비율은 앱마다 다릅니다 — 줄 간격이 넓은 앱에서는 도트아트가 세로로 늘어나 보입니다. 문자가 변한 게 아니라 표시 방식의 차이라 어쩔 수 없는 부분입니다.
- 아주 오래된 기기에서는 네모(□)로 깨질 수 있습니다 — 요즘 스마트폰·PC는 거의 전부 지원하지만, 100%는 아닙니다.
- 검색·복사에 걸리지 않습니다 — 도트아트로 쓴 내용은 텍스트 검색에 의미 있게 잡히지 않으므로, 전달해야 하는 정보는 반드시 일반 글자로 함께 쓰세요.
- 아스키 아트도 스크린리더에는 기호의 나열입니다 — README 등에 넣을 때는 그림이 무엇인지 한 줄 설명을 곁들이면 좋습니다.
자주 묻는 질문
올린 이미지가 서버에 저장되나요?▾
아니요. 변환은 100% 브라우저 안(Canvas)에서만 처리되고 이미지가 서버로 전송되지 않습니다. 복붙 갤러리의 도트아트도 이 변환기로 직접 제작한 것이라 저작권 걱정 없이 쓸 수 있습니다.
카톡에 붙여넣으니 줄이 어긋나 보여요.▾
가로 폭이 화면보다 넓으면 줄이 자동으로 꺾여서 그림이 무너집니다. 카카오톡 기준 가로 폭을 20~25칸 이하로 줄여서 다시 변환해보세요. 폭만 맞으면 점자 문자는 전부 같은 너비라 정렬이 유지됩니다.
인스타 소개글(bio)에 안 들어가요.▾
인스타 소개글은 150자 제한이 있어서 보통 크기의 도트아트는 대부분 초과합니다. 폭 10~12칸 수준의 아주 작은 도트아트만 가능하고, 게시물 본문·댓글에는 제한이 훨씬 넉넉해 자유롭게 쓸 수 있습니다.
도트아트가 세로로 찌그러지거나 늘어나 보여요.▾
붙여넣은 곳의 폰트와 줄 간격 때문입니다. 점자 한 글자는 가로 2칸×세로 4칸 도트를 담는데, 줄 간격이 넓은 앱에서는 줄 사이가 벌어져 세로로 늘어나 보입니다. 문자 자체는 동일하니 앱마다 보이는 비율이 조금씩 다른 건 정상입니다.
실제 점자(시각장애인용)와 관련이 있나요?▾
문자만 빌려 쓸 뿐 점자 표기법과는 무관합니다. 오히려 스크린리더 사용자에게는 의미 없는 점자 기호가 길게 읽히는 부작용이 있어서, 시각장애인 팔로워가 많은 계정이라면 사용을 줄이는 배려가 필요합니다.
컬러 도트아트는 안 되나요?▾
점자 문자는 텍스트라서 색을 입힐 수 없습니다. 붙여넣은 곳의 글자색을 그대로 따라갑니다. 컬러가 필요하면 텍스트 아트가 아니라 이미지를 그대로 쓰는 게 맞습니다.
아스키 아트를 카톡에 붙여넣었더니 모양이 깨져요.▾
카카오톡·인스타그램의 기본 글꼴은 글자마다 폭이 다른 비례폭 글꼴이라 i·l은 좁고 @·W는 넓게 표시됩니다. 아스키 아트는 모든 글자 폭이 같은 고정폭 글꼴을 전제로 한 그림이어서 이런 곳에서는 줄마다 길이가 달라져 무너집니다. 메신저·SNS에는 출력 방식을 점자 도트로 바꿔서 쓰세요.
README나 코드 주석에 아스키 아트를 넣으려면 어떻게 하나요?▾
마크다운 README에서는 백틱 세 개(```)로 감싼 코드 블록 안에 넣어야 고정폭 글꼴과 연속 공백이 유지됩니다. 코드 주석에는 줄마다 주석 기호(//, #)를 붙이거나 블록 주석 안에 넣고, 한 줄 길이 제한이 있다면 주석 기호가 차지하는 폭만큼 가로 폭을 줄여서 변환하세요.
본 도구는 이미지를 브라우저 안에서만 처리하며 서버로 전송·저장하지 않습니다. 복붙 모음의 도트아트는 전부 자체 제작이라 출처 표기 없이 자유롭게 사용할 수 있습니다.