FreeToolsForWeb
도움말커피 한 잔 후원하기

플레이스홀더 이미지 생성기 — 원하는 크기의 더미 이미지

원하는 크기와 색상, 레이블로 더미 이미지를 만들어 PNG, JPG, WebP, SVG로 다운로드하세요. SNS, 광고, 히어로 배너용 프리셋을 제공합니다.

프리셋
×

데이터 URL은 <img src>나 CSS 배경에 바로 붙여 넣을 수 있어, 외부 요청 없이 목업을 만들 수 있습니다.

미리보기

1200 × 630 px · 1.90:1

이미지는 브라우저에서 그려지며 아무것도 업로드되지 않습니다. 모든 무료 도구 보기.

문제를 발견하셨거나 개선할 점이 있나요? 모든 메시지를 읽고 빠르게 고칩니다.

이 무료 플레이스홀더 이미지 생성기는 목업, 와이어프레임, 레이아웃 테스트용 더미 이미지를 만듭니다. 크기나 프리셋(1200 × 630 공유 이미지, Instagram 정사각형, 히어로 배너, 리더보드 광고)을 고르고, 색상을 정하고, 레이블을 넣은 뒤 PNG, JPG, WebP, SVG로 다운로드하세요. 이미지에 크기가 표시되므로 목업을 보는 누구나 그 자리에 무엇이 들어갈지 알 수 있습니다.

URL을 주는 플레이스홀더 서비스는 편리하지만, 서비스가 느려지거나 요청 제한이 걸리거나 사라지면 작년에 보낸 고객 제안서가 깨진 이미지로 가득 차게 됩니다. 생성한 파일에는 그런 문제가 없습니다. 테스트에도 알맞은 도구입니다. 정확한 크기의 더미 이미지 세트를 쓰면 300 × 250에서 깨지는 레이아웃을 실제 광고보다 먼저 찾아낼 수 있습니다.

사용 방법

  1. 프리셋을 클릭하거나 너비와 높이를 픽셀 단위로 입력하세요.
  2. 배경색과 글자색을 정하세요. 밝은 회색 위의 중간 회색은 플레이스홀더로 읽히고, 브랜드 색상을 쓰면 그럴듯한 목업이 됩니다.
  3. “히어로 이미지”나 “제품 사진” 같은 레이블을 넣고, 크기가 잘 보이도록 크기 표시를 켜 두세요.
  4. 일반 용도에는 PNG, 사진 자리에는 JPG, 웹에는 WebP, 크기 조절이 필요하면 SVG를 고르세요.
  5. 다운로드하거나, SVG 코드나 데이터 URL을 복사해 HTML이나 CSS에 바로 붙여 넣으세요.

자주 묻는 질문

플레이스홀더 이미지(더미 이미지)란 무엇인가요?

디자인, 프로토타입, 테스트에서 최종 이미지 대신 쓰는 임시 이미지로, 보통 크기가 적힌 단색 블록입니다. 자리를 차지하고, 가로세로 비율을 보여 주며, 실제 에셋이 아직 오지 않았음을 분명히 알려 줍니다.

플레이스홀더 URL 대신 파일을 생성하는 이유는 무엇인가요?

URL은 서드파티 서비스가 영원히 작동하고, 빠르고, 무료여야 한다는 전제에 의존합니다. 파일은 그렇지 않습니다. 생성한 파일은 오프라인, 이메일 목업, PDF, 원격 이미지를 가져올 수 없는 모든 도구에서도 작동하며, 진행 중인 작업이 서비스 로그에 남지도 않습니다.

어떤 형식을 골라야 하나요?

PNG가 무난한 기본값입니다. 사진이 들어갈 자리이고 목업 파일 크기도 현실적으로 맞추고 싶다면 JPG, 웹 목업에는 WebP를 쓰세요. 픽셀이 깨지지 않고 크기를 조절해야 하거나, 템플릿에서 레이블을 바꾸는 것처럼 코드를 편집하고 싶다면 SVG를 쓰세요.

이 이미지를 실제 사이트에 써도 되나요?

쓸 수는 있지만 오래 두면 안 됩니다. 그대로 배포된 플레이스홀더는 방문자와 검색 엔진에 페이지가 미완성이라고 알립니다. 스테이징과 디자인에서만 쓰고, 출시 전에 실제 이미지로 바꾸세요.

2026년 SNS에 필요한 이미지 크기는 무엇인가요?

링크 공유 이미지(Open Graph): 1200 × 630. Instagram 피드: 1080 × 1080 또는 1080 × 1350. 스토리와 릴스: 1080 × 1920. LinkedIn과 X 피드 이미지: 1200 × 627이면 둘 다 됩니다. YouTube 썸네일: 1280 × 720. 프리셋에 모두 들어 있습니다.

테스트 도구로서의 플레이스홀더 이미지

자리마다 정확한 크기로 더미 이미지를 하나씩 생성해 템플릿에 넣어 보세요. 늘어나거나, 잘리거나, 넘치는 부분은 실제 사진이 오기 전에 찾아낸 레이아웃 버그입니다. 그다음 같은 자리에 맞지 않는 비율(가로로 긴 이미지 자리에 정사각형)로 생성해, 콘텐츠 편집자가 언젠가 반드시 올릴 이미지에 레이아웃이 어떻게 대응하는지 확인하세요.

관련 무료 도구

  • Lorem Ipsum 생성기 — lorem ipsum이나 읽을 수 있는 영어 더미 텍스트를 문단, 문장, 단어 단위로 생성해 일반 텍스트, HTML, 마크다운으로 받으세요.
  • 이미지 크기 조절 — 비율, 정확한 픽셀 크기, 500 KB 같은 목표 용량으로 이미지를 줄이세요. 모두 브라우저에서 처리됩니다.
  • SVG 편집기 — 캔버스에 도형, 화살표, 자유 곡선, 텍스트를 그리고 깔끔한 SVG나 PNG로 다운로드하세요. 무료, 브라우저에서 실행, 가입 불필요.