이미지
Placeholder Image Generator
디자인 목업·와이어프레임용 더미 이미지를 원하는 크기·색상으로 즉시 생성합니다.
크기
색상
텍스트 (선택)
비워두면 자동으로 "가로 × 세로"가 표시됩니다.
SVG 코드
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600"> <rect width="800" height="600" fill="#e5e7eb"/> <text x="50%" y="50%" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="60" font-weight="600" fill="#6b7280" text-anchor="middle" dominant-baseline="central">800 × 600</text> </svg>
Data URI
data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20600%22%20width%3D%22800%22%20height%3D%22600%22%3E%0A%20%20%3Crect%20width%3D%22800%22%20height%3D%22600%22%20fill%3D%22%23e5e7eb%22%2F%3E%0A%20%20%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22-apple-system%2CBlinkMacSystemFont%2C'Segoe%20UI'%2Csans-serif%22%20font-size%3D%2260%22%20font-weight%3D%22600%22%20fill%3D%22%236b7280%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E800%20%C3%97%20600%3C%2Ftext%3E%0A%3C%2Fsvg%3E
사용 방법
- 크기를 직접 입력하거나 프리셋(썸네일·OG·정사각 등)을 선택합니다.
- 배경·텍스트 색상을 선택합니다. 텍스트는 비워두면 크기 정보가 자동 표시됩니다.
- PNG·SVG 다운로드 또는 Data URI 복사로 즉시 사용할 수 있습니다.
- Data URI는 HTML
<img src="...">에 그대로 붙여넣으면 됩니다.