코드 스크린샷 생성기
코드 스크린샷 도구는 붙여넣은 코드 조각을 X, LinkedIn 등 어디든 공유할 수 있는 세련된 이미지로 바꿔줍니다: 언어별 자동 구문 강조(JavaScript, TypeScript, Python, JSON, CSS, HTML, Bash), 미리 준비된 세트에서 고를 수 있는 그라디언트 배경, 코드 주변 여백, 둥근 모서리, 은은하고 사실적인 그림자, 색색의 점과 선택적 파일명이 표시되는 타이틀 바까지 지원합니다. 입력하는 동안 미리보기가 실시간으로 갱신되며, 최종 결과물은 고해상도(2배) PNG로 내보내집니다. 모든 처리는 브라우저 안에서 이루어지며, 코드가 서버에 업로드되는 일은 없습니다.
디자인·CSS 도구 브라우저에서 완전히 실행
코드는 브라우저 안에서만 처리되며, 서버로 전송되지 않습니다.
코드를 붙여넣고 언어, 배경, 타이틀 바를 선택한 다음 X나 링크드인에 바로 공유할 수 있는 세련된 이미지를 다운로드하세요 — 모든 과정이 브라우저 안에서 이루어집니다.
여기서 사용하는 구문 강조는 일반적인 경우(키워드, 문자열, 주석, 숫자)를 다루는 간단한 내장 토크나이저이며, 모든 언어를 완벽히 분석하는 파서는 아닙니다 — 복잡하거나 드문 구문에서는 100% 정확하지 않을 수 있습니다.
배경
미리보기를 보려면 코드를 붙여넣으세요
자주 묻는 질문
아니요 — 모든 처리와 구문 강조는 브라우저 안에서 이루어지며, 붙여넣은 코드가 서버로 업로드되는 일은 없습니다.