코드를 이쁜 이미지로…

가끔 코딩 유튜브나 블로그에 보면 코드 이미지를 괜찮게 만들어서 올리는 것을 봤다.

이런 느낌으로 된 이미지였는데 이걸 한땀한땀 올리진 않을거 같아서 찾아봤다.

Carbon now

Carbon Now
위와 같은 이미지를 만들어주는 사이트다.

코드를 입력하면 언어에 맞춰서 잘 꾸며준다.
보여주는 창의 테마도 상단에서 바꿀 수 있다.

코드의 배경색도 변경이 가능하며…

에디터 표시 설정 및 라인 높이 줄번호 폰트 등의 설정, 그리고 미리 설정된 테마 기능도 지원한다.

그리고 내보내기는 단순 이미지 뿐만 아니라 iframe 링크, 이미지 자체 링크 등으로 제공이 가능하다.

아래는 iframe으로 가져온건데 코드를 복사하거나 할 수 있다.

그리고 export를 선택하면 이미지 확대 및 파일명, 확장자 등을 선택할 수 있다.

정리

잘 쓰면 유용할 것 같다.
근데 유튜브 같은데는 괜찮을지 모르겠지만…
블로그 같은데는 복붙 해야 하는 경우가 좀 있는데 이미지일 경우 또 이미지 내 텍스트 따서 긁으려면 좀 답답할 때가 있다.

그래서 블로그는 그냥 코드를 올리던지 둘다 하던지 개인의 선택으로 쓰면 될 것 같다.