본문으로 건너뛰기

텍스트 아트를 이미지로

Text Art to Image

고정폭 텍스트 아트를 글꼴·칸 크기·색·배경·투명 여부를 정해 PNG나 SVG로 그립니다. 고정폭이 유지되지 않는 곳에 올려도 모양이 살아남습니다.

텍스트 아트는 문자이고, 문자는 다시 흘러갑니다. 카카오톡, 인스타그램 설명, 대부분의 메일 클라이언트와 CMS는 가변폭 글꼴로 바꾸거나 그림을 지탱하는 연속된 공백을 지워 버립니다. 그러면 도착하는 것은 만든 것이 아닙니다. 이 페이지는 간격을 고정해 한 번 그린 뒤 그림으로 건네줍니다. 이 사이트의 다른 텍스트 아트 도구도 모두 같은 모듈로 내보내므로, 점자 그림에서 저장한 PNG와 이 페이지에서 저장한 PNG는 같은 코드가 만든 같은 바이트입니다.

🔒 브라우저 안에서만 처리asciiartimageconvertshare

고정폭으로 된 것이면 무엇이든 붙여 넣으십시오. 배너, 점자 그림, 다이어그램, 코드 블록. 탭은 다음 탭 위치까지 벌립니다.

모양

배율 적용 전 192 × 137 픽셀

╭──────────────╮ │ todododo │ ╰──────┬───────╯ │ ┌──────▼───────┐ │ text art │ └──────────────┘
텍스트 아트는 올리는 곳 대부분에서 살아남지 못합니다. 카카오톡, 인스타그램 설명, 대부분의 메일 클라이언트와 CMS는 줄을 다시 흘리거나 가변폭 글꼴로 바꾸거나, 그림을 지탱하는 연속된 공백을 지워 버립니다. 그림으로 만들면 전부 견딥니다.
SVG는 글자를 글자로 남겨 두므로 선택할 수 있고 무한히 확대됩니다. 다만 보는 사람의 고정폭 글꼴로 그려집니다. 각 구간을 textLength로 정확한 폭에 고정해 두어, 글꼴이 다르면 정렬이 어긋나는 대신 글자가 늘어나도록 했습니다. 해결이 아니라 완화입니다. PNG는 그림입니다. 더 크고 고정이며 어디서나 똑같습니다. 올릴 때는 PNG로 올리십시오.
두 형식 모두 글꼴을 담지 않습니다. SVG는 흔한 고정폭 글꼴 목록을 적어 두고 차례로 내려가고, PNG는 이 기기에 있는 글꼴로 그립니다. 휴대폰에서 만든 그림과 데스크톱에서 만든 그림은 글자 모양이 조금 다릅니다.

사용 방법

  1. 이모지나 한자 그림이면 글자 폭을 올리십시오

    칸 폭은 글자 크기에 대한 비율로 정하며, 로마자 고정폭 글꼴은 0.6이 맞습니다. 이모지와 전각 한중일 문자는 폭이 대략 두 배라, 그것으로 만든 그림은 이 값을 올려야 합니다. 그러지 않으면 칸이 서로 겹칩니다.

  2. 올릴 때는 PNG, 보관할 때는 SVG

    PNG는 그림이라 어디서나 똑같이 보입니다. 채팅에 올릴 때 원하는 것이 그것입니다. SVG는 글자를 글자로 남겨서 선택하고 복사하고 무한히 확대할 수 있지만, 보는 사람의 고정폭 글꼴로 그려집니다. 구간마다 폭을 정확히 고정해 두어 글꼴이 달라도 정렬이 어긋나는 대신 글자가 늘어나게 했는데, 해결이 아니라 완화입니다.

자주 묻는 질문

배경 투명 PNG가 카카오톡에서 투명하지 않습니다.

채팅 앱이 자기 말풍선 색 위에 합성하기 때문입니다. 어두운 테마에서 투명 배경에 어두운 글자를 얹으면 사라집니다. 투명은 내가 통제하는 배경 위에 얹을 때 쓰는 것입니다. 채팅에는 말풍선에 맞는 배경색을 고르십시오. 그렇게 맞춘 카카오톡 프리셋이 있습니다.

파일에 글꼴이 들어가나요?

두 형식 모두 글꼴을 담지 않습니다. SVG는 흔한 고정폭 글꼴 목록을 적어 두고 차례로 내려가고, PNG는 이 기기에 설치된 글꼴로 그립니다. 그래서 설정이 같아도 휴대폰에서 만든 그림과 데스크톱에서 만든 그림은 글자 모양이 조금 다릅니다.

이 도구로 이어지는 것

다음 단계

이 도구의 결과를 그대로 받을 수 있는 도구들입니다.