빈 이미지·플레이스홀더 이미지 생성기

플레이스홀더 이미지는 웹페이지, 슬라이드, 광고 레이아웃을 만드는 동안 실제 그림 대신 자리를 채우는 이미지이고, 빈 이미지는 정확한 크기의 파일이 필요한 칸을 채웁니다. 이 생성기는 원하는 크기에 배경색(또는 투명), 선택형 크기 라벨, 와이어프레임 십자선이나 테두리를 넣어 PNG, JPG, WebP 또는 벡터 SVG로 그려 줍니다. HTML이나 CSS에 바로 붙여 넣을 SVG 마크업과 데이터 URI도 함께 나오며, 여러 크기를 한꺼번에 만들 수도 있습니다.

사용 방법

1. 가로와 세로를 입력하고, 필요하면 300x250, 728x90처럼 추가 크기를 입력합니다.
2. 배경색을 고르거나 투명을 선택합니다.
3. 단색, 십자선, 테두리 중에서 고르고 크기 라벨을 그대로 두거나 직접 입력합니다.
4. 형식을 고른 뒤 파일을 내려받거나 SVG 마크업 또는 데이터 URI를 복사합니다.

계산식

자동 글자 크기 = min(0.22 × 세로, 0.16 × 가로), 라벨이 가로의 85%를 넘지 않도록 줄임

글자 크기는 정수 픽셀로 반올림하며, 6 px보다 작아지거나 이미지보다 커지는 라벨은 넣지 않습니다. 선 굵기는 max(1, round(짧은 변 ÷ 200)) px입니다. SVG 데이터 URI는 마크업을 encodeURIComponent로 변환한 것이고, 래스터 데이터 URI는 base64라서 파일 크기의 약 4/3가 되므로 150 KB 이하 파일에만 표시합니다.

예시

기본값 1200 × 630(소셜 공유 이미지의 흔한 크기)은 "1200 × 630" 라벨이 min(0.22 × 630, 0.16 × 1200) = 138.6, 곧 반올림한 139 px 굵은 글씨로 #cccccc 배경 한가운데에 들어갑니다. 이 크기의 단색 회색 PNG는 몇 킬로바이트에 불과하고, 데이터 URI는 파일 바이트 수보다 약 3분의 1 더 깁니다.