코드를 이미지로 변환하는 방법
1단계 — 코드를 붙여넣으세요. 왼쪽 에디터에 소스 코드를 입력하거나 붙여넣으세요. 드롭다운에서 프로그래밍 언어를 선택하거나 자동 감지를 사용하세요. JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Bash, Markdown, XML, 일반 텍스트를 지원합니다.
2단계 — 외관을 커스터마이즈하세요. 8가지 구문 테마(One Dark, Monokai, Dracula, GitHub Dark, Nord, Night Owl, Solarized Dark, Tokyo Night) 중에서 선택하세요. 그라데이션 배경(Sunset, Ocean, Emerald, Twilight, Candy, Carbon, 투명)을 고르세요. 글꼴(JetBrains Mono, Fira Code, Source Code Pro), 글꼴 크기, 패딩, 패널 너비를 조절하세요. 줄 번호, 창 프레임, 그림자를 켜거나 끄세요.
3단계 — 내보내세요. 이미지 복사를 클릭하여 클립보드에 직접 복사하거나(Slack, Twitter/X, Discord, Notion, GitHub Issues에 사용), PNG 다운로드를 클릭하여 파일을 저장하세요. 다양한 출력 해상도를 위해 1x, 2x, 3x 배율을 선택하세요.
지원 프로그래밍 언어
QuickImg 코드를 이미지로는 Highlight.js를 기반으로 20개 이상의 프로그래밍 언어에 대한 구문 강조를 지원합니다:
JavaScript, TypeScript, Python, HTML, CSS, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, JSON, YAML, Bash, Markdown, XML, 일반 텍스트.
모든 언어는 키워드, 문자열, 숫자, 주석, 함수, 연산자에 대한 색상 코딩을 포함한 정확한 토큰 기반 구문 강조를 제공합니다. 자동 감지 기능은 Highlight.js를 사용하여 코드 스니펫에서 언어를 자동으로 식별합니다.
자주 묻는 질문
코드를 이미지로 변환하는 도구는 어떻게 작동하나요? +
코드를 붙여넣고, 테마와 배경을 선택한 다음 내보내세요. 모든 작업이 JavaScript와 Highlight.js 라이브러리를 사용하여 브라우저에서 완전히 실행됩니다. 코드가 어떤 서버에도 업로드되지 않습니다. PNG로 내보내거나 클립보드에 직접 복사하세요.
어떤 프로그래밍 언어를 지원하나요? +
20개 이상의 언어를 지원합니다: JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Bash, Markdown, XML, 일반 텍스트. 자동 감지를 사용하여 Highlight.js가 자동으로 언어를 식별하도록 할 수도 있습니다.
이미지를 클립보드에 복사할 수 있나요? +
네! "이미지 복사"를 클릭하면 Clipboard API를 사용하여 클립보드에 직접 복사됩니다. 그런 다음 Slack, Twitter/X, Notion, Discord, GitHub Issues 등 이미지를 허용하는 곳에 붙여넣으세요. HTTPS가 필요합니다.
제 코드는 비공개이고 안전한가요? +
네, 100% 비공개입니다. 모든 처리는 클라이언트 측 JavaScript를 사용하여 브라우저에서 완전히 이루어집니다. 코드가 기기를 떠나지 않으며, 어떤 서버에도 업로드되지 않고, 어떤 데이터도 저장되지 않습니다. 가입이나 계정이 필요하지 않습니다.
어떤 테마와 배경을 사용할 수 있나요? +
8가지 구문 강조 테마: One Dark, Monokai, Dracula, GitHub Dark, Nord, Night Owl, Solarized Dark, Tokyo Night. 각 테마에는 키워드, 문자열, 주석 및 기타 토큰에 대해 세심하게 조정된 색상이 있습니다. 7가지 그라데이션 배경: Sunset, Ocean, Emerald, Twilight, Candy, Carbon, 투명(배경 없음).
이미지 너비를 조절할 수 있나요? +
네. 기본적으로 패널 너비는 가장 긴 코드 줄에 따라 자동으로 조정됩니다. 자동 너비를 비활성화하고 고정 너비(300–1200px)를 설정하여 일관된 이미지 크기를 만들 수 있습니다. 고정 너비를 사용하면 긴 줄이 패널 가장자리에서 자동으로 줄바꿈됩니다.
어떤 글꼴을 사용할 수 있나요? +
3가지 고정폭 코딩 글꼴: JetBrains Mono(기본값), Fira Code, Source Code Pro. 모두 Google Fonts에서 로드됩니다. 글꼴 크기는 10px에서 24px까지 조절 가능합니다.
코드를 이미지로는 무료 Carbon 대안인가요? +
네! QuickImg 코드를 이미지로는 Carbon.now.sh의 무료 오픈 대안입니다. 구문 강조, 테마, 그라데이션 배경 등 유사한 기능을 제공하며, 조절 가능한 패널 너비, 3x 배율 내보내기, 즉시 클립보드 복사 등의 추가 기능도 있습니다. 모든 것이 클라이언트 측에서 실행되며 서버 처리가 전혀 없어, 초기 로드 후 오프라인에서도 작동합니다.