크리에이티브

스크린샷 꾸미기

여백, 둥근 모서리, 부드러운 그림자, 그리고 뒤에 깔리는 그러데이션.

크리에이티브

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

이미지를 여기에 놓으세요

또는 클릭해서 찾기 — PNG, JPG, WebP, GIF

중요한 건 테두리다

날것의 스크린샷은 슬라이드에서 어색하다

스크린샷은 갑자기 끝나는 사각형입니다. 슬라이드나 게시물에 올리면 이물처럼 읽힙니다. 딱딱한 가장자리가 뒤에 있는 무엇과 그대로 부딪히고, 캡처한 화면과 그것을 담은 문서 사이에 시각적 틈이 전혀 없기 때문입니다. 이걸 고치는 건 필터가 아닙니다. 이미지 둘레의 여백, 부드러워진 모서리, 그리고 그 사각형을 배경에 딱 붙이는 대신 그 위로 띄우는 무언가 — 이 세 가지입니다.

설정은 셋이고, 여기서는 셋 다 픽셀이 아니라 백분율입니다. 여백 20픽셀은 400픽셀 섬네일 둘레에서는 넉넉하지만 3000픽셀 고해상도 캡처에서는 보이지도 않습니다. 짧은 변의 백분율로 두면 같은 설정이 어느 축척에서도 의도한 것처럼 보입니다. 그림자도 같은 방식으로 재기 때문에 비율을 유지하고, 큰 캡처에서 딱딱한 검은 선으로 변하지 않습니다.

세 단계

스크린샷 꾸미는 방법

01

스크린샷을 끌어다 놓기

PNG, JPG, WebP, GIF를 지원합니다. 페이지 안에서 디코딩되며 업로드되지 않습니다.

02

여백, 모서리, 그림자 조절

기본값에서 시작해 손보면 됩니다. 배경은 색상 견본 두 개로 정해집니다. 색이 다르면 대각선 그러데이션, 같으면 단색입니다.

03

내려받기

PNG는 화면 속 글자를 또렷하게 유지합니다 — 보통 그게 스크린샷의 요점입니다. 캡처가 주로 사진이라면 JPEG가 더 작습니다.

빠른 답변

스크린샷 꾸미기 자주 묻는 질문

왜 여백과 모서리가 픽셀이 아니라 백분율인가요?

픽셀 값은 한 가지 이미지 크기에서만 작동하기 때문입니다. 짧은 변의 10%는 400픽셀 스크린샷에서도 3000픽셀에서도 같아 보이지만, 40픽셀은 앞에서는 넓은 여백이고 뒤에서는 머리카락 한 올입니다. 규격에 맞춰야 하면 환산된 픽셀 값이 미리보기 아래에 표시됩니다.

그러데이션 말고 단색 배경은 어떻게 하나요?

두 색상 견본을 같은 값으로 두세요. 그러데이션은 둘이 다를 때만 나타나고, 같으면 그 한 가지 색으로 배경이 채워집니다.

PNG와 JPEG 중 무엇으로 내보낼까요?

화면 속 글자가 들어 있으면 PNG입니다. JPEG 압축은 또렷한 글자 가장자리 주변에 번짐을 만드는데, 스크린샷은 바로 그 가장자리로 이뤄져 있습니다. 캡처가 주로 사진일 때만 JPEG가 낫습니다.

투명 배경으로 내보내도 그림자가 나오나요?

이 도구는 항상 배경을 칠합니다. 배경 자체가 결과물의 일부이기 때문입니다 — 가장자리가 투명한 "꾸민 스크린샷"은 뒤에 있는 것이 비쳐 의미가 없어집니다. 투명한 모서리를 원한다면 모서리 둥글게 도구를 쓰세요.

크기 제한이 있나요?

파일은 25MB까지이고, 여백을 더한 결과가 브라우저 캔버스가 그릴 수 있는 범위를 넘으면 맞도록 축소해 내보냅니다. 그럴 때 미리보기가 알려주며, 빈 파일을 건네지 않습니다.

업로드되나요?

아니요. 스크린샷은 브라우저에서 디코딩되고 그려지고 다시 인코딩됩니다. 이건 다른 도구보다 여기서 더 중요합니다 — 스크린샷에는 남의 서버에 두고 싶지 않은 것이 담기기 마련이니까요.