도구·사이트 목록

Carbon

웹사이트 · 개발·데이터

코드를 읽기 좋은 공유 이미지로 만들기

소스 코드를 배경과 테마가 있는 이미지로 만드는 도구입니다. 블로그와 SNS에서 짧은 코드 예시를 보여줄 때 활용합니다.

  • 코드 강조·테마 선택
  • 공유 이미지 내보내기

어떤 때 쓰면 좋을까요?

코드를 일반 스크린샷으로 찍으면 불필요한 화면과 작은 글자가 같이 들어갑니다. Carbon에서 코드만 넣으면 언어 강조와 여백을 조절해 설명용 이미지를 만들 수 있어요.

짧은 예제를 입력하고 테마, 글꼴 크기, 배경과 여백을 정해보세요. 읽는 사람이 모바일에서도 글자를 볼 수 있는지 확인하는 것이 좋습니다. 긴 코드 전체를 이미지로 바꾸기보다 핵심 구간을 보여주는 데 잘 맞습니다.

이렇게 써보세요

검색 결과를 정렬하는 함수의 핵심 10줄을 이미지로 만들어보세요. 게시글에는 복사 가능한 코드나 저장소 링크도 함께 남기면 독자가 활용하기 쉽습니다.

얻는 결과블로그와 SNS에 넣을 코드 이미지

사용 순서

  1. 공유할 코드만 붙여넣습니다

  2. 언어·테마·여백을 설정합니다

  3. 글자 크기를 확인하고 이미지를 내보냅니다

사용할 때 알아두세요

이미지만으로는 코드를 복사하기 어렵습니다. 재사용할 독자를 위해 텍스트 원문도 함께 제공하세요.

Carbon 접속하기

제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.