디자인

스크린샷 꾸미기

둥근 모서리·그림자·원하는 배경(없음도 가능)으로 스크린샷을 한 번에 꾸미기.

스크린샷을 디자인된 느낌으로 만들기

원시 스크린샷을 붙여넣으면 부드러운 그라데이션 배경, 둥근 모서리, 자연스러운 드롭 섀도우, 그리고 선택적 창 크롬이 적용된 결과물을 얻을 수 있습니다 — 정제된 제품 트윗과 체인지로그에서 볼 수 있는 스타일입니다. 브라우저에서 로컬로 렌더링되며, 업로드되는 것은 없습니다.

스크린샷 뷰티파이어는 원시 스크린 캡처를 디자인된 느낌으로 변환합니다: 샷이 부드러운 그라데이션 배경, 둥근 모서리, 자연스러운 드롭 섀도우 위에 놓이고, 원한다면 신호등 점이 있는 macOS 스타일 창 막대도 추가됩니다. 디자인 도구를 열지 않고도 정제된 제품 트윗, 체인지로그 게시물, 문서 및 출시 발표의 시각적 언어를 구현합니다.

8가지 그라데이션 분위기 중 하나를 선택하고, 세 개의 슬라이더(패딩, 모서리 반경, 그림자 깊이)를 드래그하여 1× 또는 2×로 내보내세요. 인사이트 라인은 출력물이 X/Twitter와 LinkedIn 링크 카드에 최적의 범위에 도달했는지 알려줍니다. 모든 것이 로컬 캔버스에서 렌더링되므로 제품, 대시보드 또는 코드 스크린샷이 사용자 기기를 떠나지 않습니다.

FAQ

스크린샷에 왜 '미화'가 필요한가요?

직사각형 스크린샷만 페이지에 그대로 붙이면 버그 리포트처럼 보입니다. 패딩, 그라데이션, 그림자를 추가하면 그림-배경 분리가 되어 같은 픽셀도 의도된 콘텐츠로 읽히며, 소셜 피드에서 참여율이 확연히 향상됩니다.

세 개의 슬라이더는 무엇을 제어하나요?

패딩은 샷과 캔버스 가장자리 사이의 공간이고, 모서리 반경은 스크린샷 자체를 둥글게 하며, 그림자는 그 아래의 드롭 섀도우의 흐림과 깊이를 제어합니다. 기본값(48 / 14 / 30)은 대부분의 샷에 적합합니다.

창 크롬을 언제 켜야 하나요?

스크린샷이 창처럼 보이면 좋은 앱 또는 브라우저 뷰(제품 UI, 대시보드, 에디터)인 경우입니다. 전화 스크린샷, 다이어그램 또는 사진의 경우 끄세요.

어떤 그라데이션을 선택해야 하나요?

브랜드나 스크린샷의 주요 색상과 일치시키세요. 쿨톤 그라데이션(오션, 슬레이트)은 전문적으로 보이고, 웜톤(선셋, 피치)은 친근하게 보입니다. 나이트는 다크모드 UI 샷에 잘 어울립니다.

X/Twitter 또는 LinkedIn에 가장 적합한 내보내기 설정은 무엇인가요?

2배율로 내보내고 약 16:9 비율로 1600×900 정도를 목표로 하세요. 미리보기 아래의 인사이트 라인이 해당 영역에 있을 때 확인합니다. PNG는 UI 텍스트를 선명하게 유지합니다.

앱 스토어나 블로그 이미지에 사용할 수 있나요?

네 — 그냥 PNG/JPG/WebP로 출력됩니다. 블로그의 경우 보통 1×면 충분합니다. 레티나 디스플레이 사용자가 많다면 2×를 사용하세요.

스크린샷이 업로드되나요?

아니요. 구성이 브라우저의 캔버스에 그려집니다. 제품 UI와 내부 대시보드는 사용자 기기에 남습니다 — 로드되면 오프라인에서도 작동합니다.

출력물이 왜 부드럽게 보이나요?

아마 1×로 내보냈는데 플랫폼에서 확대한 것 같습니다. 2×로 다시 내보내세요 — 선명한 벡터 텍스트는 고해상도 화면에서 추가 픽셀이 필요합니다.