Opus 5.5로 사진을 ASCII 아트로 변점해주는 웹사이트를 만들었음
Opus 5.5 built me a website that turns any photo into ASCII art
핵심 요약
사진을 브라이유 점자를 활용한 ASCII 아트로 변환해 SNS에 최적화된 형태로 복사할 수 있게 해주는 도구입니다.
- 브라이유 점자 활용 — 모든 문자가 동일한 너비를 가져 SNS에서도 깨지지 않는 ASCII 아트를 구현함
- 플랫폼별 최적화 — 인스타그램, X, 텔레그램 등 각 플랫폼의 글자 수 제한과 줄바꿈 규칙을 반영함
- 사용자 편의 기능 — 붙여넣기 전 실제 크기를 미리 볼 수 있는 프리뷰와 자동 줄바꿈 방지 기능을 제공함
- 오픈 소스 공개 — GitHub를 통해 소스 코드와 웹 페이지를 공개하여 누구나 사용할 수 있게 함
사진 하나 툭 던져 넣고 어디에 붙여넣을지 고르면, 버튼 한 번 눌러서 복사할 수 있는 텍스트로 바꿔줌. 이미지 아니고 그냥 글자임.
점자(Braille) 문자를 썼거든. 인스타그램이나 X는 글자마다 폭이 제각각인 폰트를 써서 기존 ASCII 아트는 다 깨지는데, 점자 문자는 폭이 다 똑같고 하나하나가 2x4 점 격자로 되어 있음. 그래서 26글자짜리 댓글이면 실제로는 52x60 점짜리 그림이 되는 거지.
앱마다 규칙이 다 달라서 플랫폼별로 다르게 만들어줌:
인스타그램 댓글: 2,200자 제한이고, 폰에서 한 줄에 26글자 정도 들어가야 안 잘림.
X 게시물: X는 점자 문자 하나를 2글자로 치거든. 그래서 일반 계정은 15x8 사이즈 그림밖에 못 올림. 프리미엄 쓰면 25,000자까지 늘어나긴 하는데, 타임라인에서는 '더 보기' 뜨기 전까지 5줄 정도밖에 안 보임.
텔레그램: 4,096자, 사진 캡션은 1,024자까지 가능. 여기선 일반 글자도 쓸 수 있는데, 코드 블록 안에 넣으면 간격이 그대로 유지되거든.
파일: PNG, SVG, HTML이나 일반 텍스트로 저장 가능.
붙여넣기 전에 줄 바꿈이 일어나는지 미리 볼 수 있게 폰 사이즈로 미리보기도 띄워줌. 짜증 나는 문제들도 다 해결했음. 인스타그램이랑 X는 줄 끝에 있는 공백을 다 씹어먹고 빈 줄도 뭉개버리는데, 그래서 공백 대신 안 보이는 점자 문자를 넣어서 해결함.
Github: https://github.com/winchxyz/typist
Github pages: https://winchxyz.github.io/typist/
열 너비는 내가 폰 몇 개 테스트해 보고 대충 때려 맞춘 거라, 혹시 자기 폰에서 줄 바꿈 이상하게 되면 어떤 폰 쓰는지, 어떤 앱에서 그러는지 좀 알려주라. 어디가 깨지는지도 같이 말해주면 땡큐.
\_ \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_.
;ooY^""':........':'"""^oo;,
."Yoo;\_\_\_\_.\_oooooo\_\_\_\_\_\_oo^"
...,@@@@@@@@@@:'..
;%#%@@%%o@@@o
|"!"\[o%%o@@o""\\
|" ;@%%%o@\[" ;
\_\[" ,@@@@@o" \\
\_ooo^ \]@@@o' '
' "\\:o@\[.
,o@@@o\_"o"
;o@@@@@@@o\_ ;:
;o%oo%#\]"\['\]\\,\_ ,
.@:"..o"" " . .':.. +
)(; L\*Y- \_\_;ooo;\_
'':/ ." ;:\\ .;o@@@@@oo^
/\\" /. ";: \_;o@@@@@o|""
