본문으로 건너뛰기
EVOA Toolbox

스크린샷 목업 생성기

스크린샷을 브라우저, 노트북, 휴대폰, 태블릿 프레임에 넣고 배경과 그림자를 설정한 뒤 PNG로 내보내세요.

브라우저에서 로컬로 처리됩니다. 파일은 업로드되지 않습니다.

도구를 불러오는 중…

도구 소개

평범한 스크린샷을 랜딩 페이지, README, 앱 스토어 소개, 소셜 게시물에 쓸 수 있는 보기 좋은 이미지로 바꿔 보세요. 브라우저 창(주소창 편집 가능), 노트북, 휴대폰, 태블릿 중에서 고를 수 있습니다. 프레임은 브라우저에서 벡터 경로로 그려지므로 외부 이미지가 필요 없고 어떤 크기에서도 가장자리가 선명합니다.

단색, 그라데이션, 투명 배경과 여백, 크기 슬라이더, 모서리 둥글기, 조절 가능한 그림자로 스타일을 꾸밀 수 있습니다. 출력 크기는 콘텐츠에 맞게 자동으로 정해지거나 1280x800, 1200x630 같은 프리셋에 맞출 수 있습니다. 기기는 스크린샷의 가로세로 비율에 맞게 크기가 정해지므로 스크린샷이 늘어나거나 잘리지 않습니다.

모든 프레임, 스타일 옵션, 밀도, 프리셋을 사용할 수 있습니다. 스크린샷은 로컬에서 처리되며 업로드되지 않습니다.

사용 방법

  1. 1스크린샷(PNG, JPG, WebP, GIF 또는 AVIF)을 추가하세요.
  2. 2프레임(브라우저, 노트북, 휴대폰, 태블릿)을 선택하세요. 브라우저 프레임에서는 표시할 주소를 입력하세요.
  3. 3배경, 여백, 크기, 모서리 둥글기, 그림자를 설정하세요.
  4. 4출력 크기를 고르거나 자동으로 두세요.
  5. 5PNG를 다운로드하세요.

지원 형식

입력: PNG, JPG, WebP, GIF(첫 프레임), AVIF. 출력: PNG(투명 배경 선택 가능).

프라이버시

이 도구는 브라우저에서 실행됩니다. 입력하신 데이터는 사용자의 기기에서 처리되며 당사 서버로 전송되지 않습니다.

제한 사항

  • 프레임은 일반적인 일러스트이며 특정 브랜드의 하드웨어를 그대로 복제한 것이 아닙니다.
  • 브라우저 캔버스 제한을 지키기 위해 내보내기는 가장 긴 변 기준 8192px로 제한되며, 2x/3x 밀도는 필요하면 자동으로 낮춰집니다.
  • 움직이는 GIF는 첫 프레임만 내보냅니다.
  • 스크린샷은 원래의 가로세로 비율로 배치됩니다. 정확한 기기 해상도가 필요하면 먼저 이미지를 자르세요.

FAQ

투명 배경을 만들 수 있나요?

네. 투명을 선택하고 PNG를 다운로드하세요. 그림자는 유지됩니다. 투명 내보내기는 모든 밀도에서 사용할 수 있습니다.

어떤 프리셋을 사용할 수 있나요?

자동, 1280x800, 1200x630, 1080x1080, 1920x1080, 1080x1920, 3840x2160을 사용할 수 있습니다.

휴대폰 목업이 왜 좁게 나오나요?

프레임은 스크린샷의 가로세로 비율을 따릅니다. 세로 방향 휴대폰 스크린샷을 사용하면 선택한 출력 크기의 가운데에 세로로 긴 기기가 만들어집니다.

주소창의 텍스트를 바꿀 수 있나요?

네, 브라우저 프레임을 선택했을 때 가능합니다. 이 텍스트는 장식일 뿐이며 페이지를 불러오지 않습니다.

관련 도구