도구95

편집 / 실용적인 이미지 가이드

템플릿과 배경으로 스크린샷을 꾸미는 방법

스크린샷을 더 쉽게 공유하세요.

완성된 디자인을 선택한 다음, 라이브 미리보기에서 배경, 브라우저 프레임 및 간격을 조정하세요. 소셜 캔버스나 사용자 지정 크기를 사용하고 '시작'을 선택하여 PNG, JPG 또는 WebP로 내보내세요.

가이드 따라하기
실제 소스 및 다운로드된 출력물
이전 편집 전 원본 스크린샷 이미지

원본 샘플: 1440 x 900 픽셀.

이후 Midnight 어두운 브라우저 프레임과 파란색 그라데이션이 적용된 가상의 대시보드

실제 다운로드된 결과물: 2312 x 1301 픽셀.

비교는 원본 샘플과 실제 다운로드된 출력물을 읽기 좋게 크기 조절하여 사용합니다. 서로 다른 캔버스 치수는 서로 다른 디스플레이 배율로 표시되며, 투명 영역은 페이지 배경을 따릅니다.
광고
빠른 동영상 튜토리얼 How to beautify a screenshot with a template Upload a screenshot, choose the Midnight design in Settings, then create and download the actual framed PNG. English narration. 영어 내레이션 동영상 보기

How to beautify a screenshot with a template

광고

검증된 예시를 따라 한 다음, 컨트롤을 자신의 이미지에 맞게 조정하세요. 스크린샷 꾸미기 열기.

01

읽기 쉬운 스크린샷으로 시작하기

Screenshot Beautifier를 열고 '예시 사용해 보기'를 선택하여 여기에 사용된 가상의 대시보드를 불러오거나 직접 이미지를 업로드하세요. 예시 원본은 1440 x 900 픽셀 PNG입니다. 작은 글씨가 중요할 때는 압축된 채팅 미리보기에서 복사한 스크린샷 대신 원본 캡처를 사용하세요.

이 도구는 이미지를 스타일링하는 도구이며, 웹사이트를 탐색하거나 URL을 캡처하지 않습니다. 해당 작업이 필요한 경우 'URL to Image'로 먼저 캡처한 뒤 저장된 이미지를 Screenshot Beautifier에서 여세요.

스크린샷이 너무 작아 읽기 어려워질 것 같다면 스타일링 전에 관련 없는 페이지 영역을 잘라내세요.

02

완성된 템플릿 선택하기

휴대전화에서 설정을 엽니다. 디자인 갤러리에서 Midnight을 선택하세요. 그러면 짙은 파란색 그라데이션, 어두운 브라우저 프레임, 조화로운 여백, 둥근 모서리 및 와이드스크린 캔버스가 한꺼번에 적용됩니다. 미리보기가 즉시 업데이트됩니다.

다른 디자인으로는 Studio, Minimal, Floating, Ocean, 소셜 카드, 소프트 로즈 및 따뜻한 종이 질감가 있습니다. 이들은 고정된 목업이 아니라 편집 가능한 시작점입니다. 가장 비슷한 구성을 먼저 선택한 다음 변경이 필요한 부분만 조정하세요. 실행 취소를 누르면 이전 설정으로 돌아갑니다.

Midnight은 밝은 인터페이스에 적합합니다. 주변이 어두워 스크린샷의 가장자리가 잘 보이기 때문입니다.

이 가이드의 예시

포함된 1440 x 900 가상 대시보드; 변경되지 않은 조화로운 설정의 Midnight 템플릿; 내보내기 배율 1x; PNG. 2312 x 1301 출력물은 현재 도구에서 다운로드되었습니다.

출처
1440 x 900 px
출력
2312 x 1301 px
형식
PNG
처리 중
브라우저에서
03

목적에 맞게 구성 조정하기

배경은 그라데이션, 단색, 사용자 이미지 또는 투명으로 설정할 수 있습니다. 사용자 지정 이미지를 사용하려면 배경 이미지 선택을 이용하세요. 해당 배경이 캔버스를 채우며 잘릴 수 있습니다. 스크린샷은 원본 가장자리를 잃지 않고 맞춰집니다. 창 프레임은 밝은 브라우저, 어두운 브라우저 또는 없음으로 설정할 수 있습니다. 창 제목은 장식용 라벨입니다.

여백은 스크린샷 주변의 여유 공간을 제어합니다. 둥근 모서리와 그림자는 카드의 모양을 결정합니다. 캔버스 모양에는 정사각형, 와이드스크린, 세로형, 스토리 및 소셜 형식과 사용자 지정 크기가 포함됩니다. 매우 긴 스크린샷은 넓은 프레임 안에서 작게 보일 수 있으므로, 확대하여 디테일을 기대하기보다는 더 긴 캔버스를 선택하거나 여백을 줄이세요.

Midnight 설정과 내보내기 배율을 1x로 유지하여 이 예시와 일치시키세요. 내보내기 배율은 8,000픽셀 가장자리 및 32메가픽셀 출력 제한 내에서 1x, 2x 및 3x를 제공합니다. 더 큰 치수로 설정해도 업로드된 이미지에 없는 디테일이 다시 생성되지는 않습니다.

원본을 사용하여 스타일이 적용된 이미지와 원래 캡처본을 비교하고, 유용한 확대 수준에서 작은 텍스트를 검토하세요.

04

선명한 이미지 내보내기

PNG을 선택하고 시작을 누르세요. 결과 페이지에서 다운로드를 사용하여 실제 파일을 저장하세요. 예시 소스와 변경되지 않은 Midnight 디자인을 사용하면 결과물은 2312 x 1301 픽셀이 됩니다. 둥근 카드, 그림자, 프레임 및 배경이 모두 해당 이미지 하나에 포함됩니다.

PNG은 인터페이스 텍스트에 유용한 기본값입니다. WebP은 손실 압축을 사용하여 투명 영역을 지원하며, JPG는 작은 크기가 중요할 때 단색 배경 이미지에 유용합니다. JPG은 투명도를 흰색으로 대체합니다. 내보내기 결과물은 평면화되므로 다른 구성이 필요할 수 있다면 원본 스크린샷을 보관하세요.

게시하기 전에 다운로드한 이미지를 검사하세요. 특히 미세한 텍스트와 로고를 확인하세요.

유용한 세부 정보

자주 묻는 질문

이 도구로 링크에서 웹페이지를 캡처할 수 있나요?

이 도구는 제공하신 이미지의 스타일을 지정합니다. 먼저 URL to Image를 사용하여 웹페이지를 캡처한 다음, 그 결과를 여기서 여세요.

어떤 템플릿이 포함되어 있나요?

Studio, Midnight, Minimal, Floating, Ocean, Social card, Soft rose, Warm paper. 모든 디자인은 조정 가능합니다.

스크린샷이 잘리나요?

스크린샷은 가장자리가 보존된 상태로 디자인 내부에 맞춰집니다. 사용자 지정 배경 이미지는 캔버스를 채우며, 맞추기 위해 잘릴 수 있습니다.

내 배경 이미지를 사용할 수 있나요?

네. 배경에서 '내 이미지'를 선택하고 지원되는 로컬 이미지를 선택한 다음, 미리보기에서 맞춰진 배경을 확인하세요.

투명한 배경으로 내보낼 수 있나요?

네. 투명을 선택하고 PNG 또는 WebP을 사용하세요. JPG는 투명도를 지원하지 않으므로 흰색 배경을 사용합니다.

내보내기 배율이 작은 스크린샷을 선명하게 만드나요?

아니요. 출력 크기를 확대할 뿐입니다. 작은 텍스트를 선명하게 유지해야 한다면 더 높은 해상도의 원본을 사용하세요.

당신의 차례

스크린샷을 더 쉽게 공유하세요.

샘플을 사용하거나 직접 파일을 사용해 보고, 공유하기 전에 결과를 검토하세요.

스크린샷 꾸미기 열기

이미지 상세 정보

언어38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

언어를 선택하세요. 동영상 튜토리얼은 현재 영어 내레이션을 사용합니다.