스크린샷 꾸미기 도구

스크린샷 꾸미기 도구 정보

스크린샷 꾸미기 도구는 운영 체제가 만드는 가장자리까지 꽉 찬 원본 사각형을, 색 있는 여백 안에 놓고 둥근 모서리와 아래의 부드러운 그림자, 원하는 경우 창 프레임까지 더한, 의도적으로 만든 듯한 이미지로 바꿉니다. 스크린샷을 놓고 프리셋을 고른 뒤, 올릴 곳에 맞는 크기의 PNG를 다운로드하세요. 파일은 내 브라우저가 읽고 그리므로 대시보드, 청구서, 내부 도구의 스크린샷이 기기를 떠나지 않습니다.

이 도구가 실제로 바꾸는 것

스크린샷 안의 내용은 전혀 건드리지 않습니다. 모든 설정은 주변 프레임에만 적용되며, 아래 다이어그램은 조절하는 네 개 레이어의 이름입니다.

자동 배경, 그리고 중요한 이유

대부분의 스크린샷 꾸미기 도구는 모두가 쓰는 똑같은 십여 가지 그라데이션을 건네므로 결과가 템플릿처럼 읽힙니다. 자동 스와치는 대신 스크린샷을 썸네일로 줄여 색을 평균낸 뒤, 그 색조로 두 지점 그라데이션을 만들고 채도와 명도를 이미지 뒤에서도 읽기 쉬운 대역으로 밀어 올립니다. 파란 분석 대시보드는 짙은 청보라 캔버스를, 따뜻한 사진은 호박색 캔버스를 얻습니다. 클릭 한 번이면 되고, 여백이 기본값이 아니라 고른 것처럼 보이게 하는 가장 빠른 방법입니다.

창 프레임과 원근 기울기

프레임은 보고 있는 것이 무엇인지 즉시 알려 줍니다. macOS 프레임은 익숙한 신호등 세 점을 더해 데스크톱 앱처럼 읽히게 합니다. 브라우저 프레임은 점에 더해 직접 도메인을 넣을 수 있는 주소 표시줄을 더하므로 웹 페이지처럼 읽히고 이미지 안에 URL을 조용히 넣습니다. 스크린샷에 이미 자체 창 장식이 있으면 없음을 고르세요.

기울기 슬라이더는 가로 원근을 적용해, 프레임이 있는 스크린샷을 열 단위로 그려 가까운 가장자리가 먼 가장자리보다 높게 만듭니다. 조금(5~15도)이면 3D 제품 목업 느낌이 나고, 그 이상이면 스크린샷 안의 글자가 읽기 어려워지기 시작하므로 거기서 멈추는 것이 좋습니다.

플랫폼별 내보내기 크기

프리셋이 스크린샷보다 좁거나 길면 스크린샷은 잘리지 않고 여백 안에 들어가도록 축소되므로, 안의 내용이 잘리는 일은 없습니다.

스크린샷 꾸미기 도구 사용 방법: 단계별

1. 스크린샷 추가: 업로드 패널에 PNG 또는 JPG를 놓거나, 클릭해서 파일을 고르거나, Ctrl+V로 클립보드에서 바로 붙여넣으세요.
2. 스타일 프리셋 선택: 석양, 바다, 민트, 포도, 슬레이트, 페이퍼를 한 번 클릭하면 배경, 여백, 반경, 그림자가 함께 설정됩니다.
3. 세부 조정: 여백, 모서리 반경, 그림자, 프레임, 기울기를 조절하세요. 미리보기는 바뀔 때마다 다시 그려집니다.
4. 출력 크기 선택: 올릴 플랫폼의 캔버스 프리셋을 고르면 나중에 크기를 다시 맞출 필요가 없습니다.
5. 내보내기: PNG 다운로드는 파일을 저장하고, 이미지 복사는 게시물에 붙여넣을 수 있게 클립보드에 넣습니다.

실용적인 팁

• 꾸미기 전에 자르세요. 여백은 시선을 스크린샷 가장자리로 끌어가므로, 빈 도구 모음과 브라우저 장식이 이야기의 일부가 아니면 먼저 자르세요.
• 여백은 6%에서 12% 사이로 두세요. 그보다 작으면 프레임이 실수처럼 보이고, 그보다 크면 휴대폰에서 스크린샷이 너무 작아 읽기 어렵습니다.
• 모서리 반경을 올릴 곳에 맞추세요. 대략 12~20픽셀이면 대부분의 피드 카드 안에 잘 들어가고, 각진 슬라이드에 넣을 때는 0이 맞습니다.
• 밝은 스크린샷에는 어두운 캔버스를, 다크 모드 스크린샷에는 밝은 캔버스를 쓰세요. 경계의 대비가 그림자를 읽히게 합니다.
• 썸네일 크기로 확인하세요. 미리보기를 피드에 나타날 크기로 머릿속에서 줄여 보세요. 그 크기에서 안의 글자가 사라지면 효과를 더하지 말고 여백을 줄이거나 더 타이트하게 자르세요.

개인정보

모든 단계는 HTML5 캔버스 API를 통해 브라우저 탭에서 실행됩니다. 스크린샷은 로컬 객체 URL로 읽고, 그린 뒤, 브라우저 자체의 PNG 인코더로 내보냅니다. 이미지는 업로드, 저장, 전송되지 않으며, 페이지가 로드된 뒤에는 네트워크 없이도 도구가 계속 작동합니다.

자주 묻는 질문

내 스크린샷이 어딘가로 업로드되나요?

아니요. 이 도구 전체가 브라우저 탭에서 실행되는 캔버스 스크립트이므로, 놓은 파일은 로컬에서 읽고 로컬에서 그립니다. 서버로 아무것도 보내지 않으므로 제품 대시보드, 청구서, 그 밖의 기밀 스크린샷은 내 기기에 남습니다. 페이지가 로드된 뒤에는 오프라인에서도 계속 작동합니다.

소셜 미디어용으로 어떤 크기로 내보내야 하나요?

캔버스 프리셋을 사용하세요. X 게시물은 1600×900(16:9), Instagram 피드 게시물은 1080×1350(4:5), Instagram 및 TikTok 스토리는 1080×1920(9:16), LinkedIn 게시물은 1200×627, 거의 모든 플랫폼의 링크 미리보기는 1200×630(Open Graph 프리셋)이 가장 잘 맞습니다. 자동은 스크린샷 고유의 비율을 유지하고 여백만 더합니다.

여백을 더하면 스크린샷이 더 좋아 보이는 이유는 무엇인가요?

원본 스크린샷은 가장자리까지 꽉 찬 사각형이라 피드에서 게시물 배경과 부딪히며 잡다해 보입니다. 여백은 이미지 자체에 여유를 주고, 둥근 모서리는 주변 카드 모서리와 싸우지 않게 하며, 그림자는 배경에서 들어 올려 눈으로 하나의 물체로 보게 합니다. 내용은 바뀌지 않고 프레이밍만 바뀝니다.

투명 배경을 유지할 수 있나요?

네. 투명 배경 스와치를 고르면 여백 영역은 색 대신 알파로 내보내지고, 둥근 모서리, 프레임, 그림자는 그대로 그려집니다. PNG 다운로드는 그 투명도를 유지합니다. 슬라이드나 페이지 자체의 배경이 비쳐 보이게 결과를 올릴 때 쓰는 옵션입니다.

클립보드에서 스크린샷을 어떻게 붙여넣나요?

Windows의 Ctrl+Shift+S 또는 Mac의 Cmd+Ctrl+Shift+4처럼 클립보드로 복사하는 단축키로 스크린샷을 찍은 뒤, 이 페이지 아무 곳이나 클릭하고 Ctrl+V(Mac에서는 Cmd+V)를 누르세요. 이미지는 붙여넣기 이벤트에서 가져와 미리보기에 로드되며 디스크의 파일을 건드리지 않습니다.

자동 배경 옵션은 무엇을 하나요?

자동은 스크린샷을 아주 작게 읽고 색을 평균낸 뒤, 그 평균 색조로 두 지점 그라데이션을 만들면서 채도와 명도를 이미지 뒤에서도 읽기 쉬운 범위로 밀어 올립니다. 결과는 흔한 보라 그라데이션이 아니라 스크린샷에 속하는 여백이며, 보통 신경 쓴 게시 이미지와 템플릿 이미지를 가르는 지점입니다.

이미지 도구:

• 이미지에 선 추가
• 이미지에 텍스트 추가
• 화면 비율 계산기 인기
• 이미지 원형 자르기 새로운
• 콜라주 메이커
• 점잇기 생성기
• EXIF 데이터 뷰어 및 제거 도구 새로운
• GIF 뒤집기
• 이미지 뒤집기
• GIF 메이커
• 이미지 픽셀화 도구
• 이미지 압축기
• 이미지 자르기 도구
• 이미지 향상기
• 이미지 크기 조정기
• 이미지 회전기
• 이미지 분할기 인기
• 이미지 ASCII 아트 변환기 새로운
• 이미지 SVG 트레이서 새로운
• Lorem Picsum / 플레이스홀더 이미지 생성기 새로운
• 📷 OCR / 이미지에서 텍스트 추출 새로운
• 인쇄 크기 및 해상도 계산기 (DPI/PPI)
• 둥근 모서리 이미지 생성기 새로운
• 스크린샷 꾸미기 도구 새로운
• 디바이스 목업 생성기 새로운
• 이미지에 그림자 추가 새로운
• 이미지에 테두리 추가 새로운