SVG 플레이스홀더 생성기
SVG Placeholder Generator
Create lightweight SVG placeholder images with custom text and colors.
Pick a color, or type any valid CSS value like transparent or rgba().
Live preview (Scaled to fit)
SVG markup
Data URL (Base64)
목업, 와이어프레임 또는 로딩 상태에 사용할 가벼운 플레이스홀더 이미지가 필요하신가요? SVG 플레이스홀더 생성기는 원하는 크기, 색상 및 텍스트로 간단하고 해상도 독립적인 SVG 이미지를 즉시 생성합니다.
이 도구의 기능
- 사용자 정의 배경 및 텍스트 색상으로 크기(예: 800×600)에 따라 SVG 플레이스홀더를 생성합니다.
- 사용하기 전 디자인을 확인할 수 있도록 실시간 미리보기를 표시합니다.
<img>태그, CSS 배경 또는 디자인 도구에 바로 사용할 수 있는 원시 SVG 마크업과 데이터 URL(베이스64 포함)을 모두 출력합니다.- 가독성과 성능을 위해 치수와 글꼴 크기를 실용적인 범위 내로 유지합니다(너비/높이는 약 16–4000px, 글꼴 크기는 약 6–120px).
사용 방법
- 너비와 높이를 픽셀 단위로 설정하세요.
- 배경 색상, 텍스트 색상, 그리고 선택적인 레이블 텍스트(예:
800×600또는Hero Image)를 선택하세요. - 미리보기 이미지를 확인하세요.
- SVG 마크업이나 생성된 데이터 URL 중 하나를 프로젝트에 복사하세요.
이미지는 순수 SVG 텍스트이기 때문에 용량이 아주 작고, 어떤 해상도에서도 선명하며, 빠르게 로딩되는 플레이스홀더에 이상적입니다.