💻 코드 스크린샷 꾸미기

코드나 텍스트를 붙여넣으면 그라디언트 배경·맥 스타일 창 프레임·둥근 모서리·그림자를 입혀 예쁜 이미지로 저장해 주는 도구입니다. 개발 블로그·발표 슬라이드·트위터/인스타그램에 올릴 코드 조각을 깔끔한 카드 이미지로 만들 때 유용합니다.

사용 방법

1. 코드나 텍스트를 입력창에 붙여넣습니다.
2. 8가지 그라디언트 중 배경을 고르고 창 제목·여백을 조절합니다.
3. 다크 테마와 창 프레임(신호등) 체크박스로 스타일을 완성합니다.
4. 미리보기를 확인한 뒤 'PNG 다운로드'로 고해상도 이미지를 저장합니다.

자주 묻는 질문

붙여넣은 코드가 서버로 전송되나요?

아니요. 코드 렌더링과 이미지 생성은 모두 브라우저 캔버스에서 처리되며, 입력한 코드는 서버로 전송되거나 저장되지 않습니다. 민감한 코드도 안심하고 사용할 수 있습니다.

문법 색상 강조(하이라이팅)도 되나요?

현재 버전은 단색 모노스페이스 폰트로 코드를 렌더링하며 언어별 문법 색상 강조는 적용하지 않습니다. 대신 그라디언트 배경·창 프레임·그림자로 시각적으로 돋보이는 이미지를 만들 수 있습니다.

이미지 해상도가 낮지 않나요?

레티나 화면에서도 선명하도록 실제 표시 크기의 2배 해상도로 렌더링합니다. 블로그 본문이나 슬라이드에 확대해 넣어도 글자가 뭉개지지 않습니다.