03 / 가이드
문서와 슬라이드를 위한 코드 이미지
PNG와 SVG, 글꼴과 배율을 선택하고 공유할 코드의 가독성을 확인하세요.
Toolars가 콘텐츠 유지 관리 · 2026-09-25 업데이트
용도에 맞는 형식
PNG는 렌더링한 픽셀을 고정해 슬라이드와 채팅에 적합합니다. SVG는 확대할 수 있지만 글꼴을 업로드하지 않으면 시스템 글꼴에 의존합니다. 검증된 업로드 글꼴은 전체가 포함되어 크기가 커지며 대상 뷰어의 지원도 필요합니다. 실제 프로그램에서 열어 보세요.
1x와 2x 비교
이 가이드의 JavaScript code.txt 샘플을 다운로드해 Code to Image에 붙여 넣고 1x로 생성하세요. 크기를 기록한 뒤 배율만 2x로 바꾸고 다시 생성합니다. 너비와 높이는 각각 두 배, PNG 픽셀 수는 네 배가 되지만 코드 내용의 세부 정보는 늘지 않습니다. 두 결과를 같은 표시 너비로 비교하고 한도를 넘으면 코드를 줄이거나 여백을 줄이세요.
다국어 텍스트와 긴 줄 확인
한국어나 중국어 주석을 넣고 모든 문자를 포함하며 포함 권한이 있는 글꼴을 고르세요. 업로드 글꼴에 문자가 없으면 생성이 중단됩니다. 시스템 글꼴을 쓰면 PNG와 대상 기기의 SVG를 확인하세요. 긴 코드는 작은 예제로 나누세요.
공유 전 확인
최종 크기에서 들여쓰기, 문장부호, 대비와 줄 번호를 확인하세요. 공개 예제에 비밀 정보를 넣지 마세요. 도구는 코드를 실행하지 않습니다. 이미지 옆에 소스 텍스트를 제공하고 작업 후 비공개 내용을 지우세요.
유지 관리 및 검증
Toolars가 이 가이드와 연결된 도구를 관리합니다. 설명과 현재 출력이 다르면 함께 검토할 수 있도록 알려 주세요.
아래 다운로드 예제는 합성 테스트 입력이며 고객 사례가 아닙니다. 재현할 때 입력과 설정을 동일하게 유지하고 미리보기뿐 아니라 다운로드 파일을 안내된 확인 항목과 비교하세요.
검사는 이 예제에 한정되며 모든 파일, 브라우저 또는 대상 앱의 동작을 보증하지 않습니다. 도구가 변경되면 다시 확인하고 공유 전에 자신의 출력도 검사하세요.
콘텐츠 또는 도구 문제 신고샘플로 과정 재현하기
Toolars 합성 샘플 · 2026-09-13 업데이트. 작업 과정의 예시이며 실제 사진·스캔 품질이나 제출처의 수락을 보장하지 않습니다.
JavaScript 샘플을 코드 이미지 도구에 붙이고 JavaScript를 선택하세요. 미리보기 후 PNG를 1×와 2×로 내보내고 표시된 크기와 대조합니다. 긴 숫자 문자열과 들여쓰기를 100%에서 확인하세요. 배율은 픽셀 크기를 바꾸며 원문 정밀도는 바꾸지 않습니다. 글꼴을 포함하지 않은 SVG는 기기마다 다르게 보일 수 있습니다.
도구 열기코드 이미지 변환기 열기
PNG와 SVG, 글꼴과 배율을 선택하고 공유할 코드의 가독성을 확인하세요.