코드 스크린샷
코드를 구문 강조가 들어간 멋진 이미지로 만듭니다
- 파일이 기기 밖으로 나가지 않습니다
- 브라우저에서 실행
- 무료, 가입 불필요, 워터마크 없음
미리보기
미리보기에서 줄을 클릭하면 강조 표시됩니다.
구문 강조 엔진을 불러오는 중…
코드 스크린샷 사용 방법
코드를 구문 강조와 창 프레임, 테마, 배경이 들어간 이미지로 만들고 PNG나 SVG로 내려받거나 클립보드에 복사합니다. 27개 언어와 일반 텍스트를 지원하고 언어를 자동으로 감지하며, 강조 처리는 브라우저에서 이루어집니다.
- 1
'코드' 칸에 코드를 붙여 넣거나 '예제'를 눌러 예시를 불러옵니다.
- 2
'언어'는 '자동 감지'로 두거나 직접 고르고, '제목'에 파일 이름 등을 입력합니다.
- 3
'강조할 줄'에 3, 5-7처럼 입력하거나 미리보기에서 줄을 클릭합니다. 필요하면 '나머지 줄 흐리게'를 켭니다.
- 4
'모양'과 '배경'에서 '테마', '창 스타일'(macOS, Windows, 없음), 글자 크기, 그라데이션 또는 단색 배경, 여백을 고릅니다.
- 5
'내보내기'에서 '너비'와 '해상도'를 정한 뒤 'PNG 다운로드', SVG, '이미지 복사' 중 하나를 누릅니다.
자주 묻는 질문
코드가 어딘가로 전송되나요?
아니요. 강조와 그리기 모두 브라우저에서 처리됩니다. 다만 마지막 코드와 설정이 이 브라우저의 로컬 저장소에 남으므로, 공용 컴퓨터에서는 사용 후 '지우기'를 누르세요.
어떤 언어와 테마를 지원하나요?
JavaScript, TypeScript, Python, Java, Go, Rust, C, C++, C#, PHP, Ruby, Swift, Kotlin, Dart, Scala, Lua, SQL, Shell, PowerShell, JSON, YAML, HTML / XML, CSS, SCSS, Markdown, Dockerfile, Diff와 일반 텍스트를 지원합니다. 테마는 One Dark, GitHub Dark, GitHub Light, Dracula, Nord, Monokai, Solarized Dark, Solarized Light입니다.
PNG와 SVG는 무엇이 다른가요?
PNG는 1×, 2×, 3× 해상도의 이미지입니다. SVG는 코드를 선택 가능한 텍스트로 유지해 확대해도 선명하지만, 파일을 여는 기기에 설치된 글꼴로 표시됩니다.
긴 줄 때문에 이미지가 너무 넓어지면?
'너비'를 '고정'으로 바꾸고 '이미지 너비'에 320~4000px 사이 값을 입력하세요. 긴 줄은 그 너비에 맞춰 줄바꿈됩니다.
배경을 투명하게 할 수 있나요?
네. '배경'에서 '투명'을 고르고 PNG나 SVG로 내려받으세요.
'기기 목업·스크린샷 꾸미기'와는 어떻게 다른가요?
이 도구는 붙여 넣은 코드를 텍스트로 배치해 그립니다. 이미 찍어 둔 앱이나 웹사이트 스크린샷에 프레임을 씌우려면 '기기 목업·스크린샷 꾸미기'를 사용하세요.