그래픽 / 코드
코드 스크린샷 생성기: 코드를 깔끔한 이미지로 변환
슬라이드, 문서 또는 소셜 게시물에 사용할 세련된 코드 스니펫 이미지를 만듭니다. 17개 언어의 구문 색상, 4가지 테마, 제목이 있는 창 프레임, 줄 번호, 그라데이션 또는 투명 배경을 지원하며, 선명한 PNG 또는 SVG로 저장합니다. 코드는 브라우저 밖으로 전송되지 않습니다.
코드 스크린샷 생성기: 코드를 깔끔한 이미지로 변환: 내장된 간단한 하이라이터가 코드를 키워드, 문자열, 주석, 숫자, 함수 이름, 형식으로 구분합니다. 그런 다음 모노스페이스 글꼴로 한 줄씩 배치해 SVG로 만들고, 코드 편집기 창처럼 프레임을 적용합니다. PNG는 이 SVG를 원본 크기, 2배 또는 3배 크기로 렌더링하므로 고해상도 화면에서도 선명하게 표시됩니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 이미지 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
브라우저 밖으로 전송되는 것은 없습니다. SVG에는 고정 폭 글꼴이 포함되지 않고 글꼴 이름만 지정되므로, 생성한 컴퓨터에서 가장 잘 표시됩니다. PNG는 모양이 고정됩니다.
읽기 쉬운 코드 이미지
피드나 슬라이드에서 이미지가 축소되어도 텍스트를 읽을 수 있도록 코드 조각을 약 10~25줄, 너비 80자 미만으로 짧게 유지하십시오.
접근성
코드 이미지는 복사할 수 없고 스크린 리더로 읽을 수도 없습니다. 가능하면 코드 자체를 alt 텍스트에 넣거나 이미지와 함께 제공하십시오.
사용 방법
- 코드를 붙여넣습니다.
- 언어, 테마, 창 스타일, 배경을 선택합니다.
- 이미지를 PNG 또는 SVG로 다운로드합니다.
개인정보 보호 및 제한사항
코드는 브라우저에 그대로 유지되며 업로드하지 않습니다.
관련 도구
자주 묻는 질문
어떤 언어를 강조 표시하나요?
JavaScript, TypeScript, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, CSS, HTML, JSON, Bash, YAML을 지원합니다. 코드에서 언어를 자동으로 추측하거나 직접 선택할 수 있습니다.
다른 컴퓨터에서 SVG가 다르게 보이는 이유는 무엇인가요?
SVG에는 글꼴이 포함되지 않고 글꼴 이름만 지정되므로 다른 컴퓨터에서는 자체 모노스페이스 글꼴이 사용될 수 있습니다. PNG는 어디서나 동일하게 보입니다.
배경을 투명하게 만들 수 있나요?
예. ‘없음’을 선택하면 PNG에서 창 주변 배경이 투명하게 유지됩니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요