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

플레이스홀더 이미지 생성기란?

플레이스홀더 이미지 생성기는 레이아웃, 목업, 컴포넌트 라이브러리를 만들 때 빠르게 채울 임시 이미지가 필요한 디자이너와 프론트엔드 개발자를 위한 무료 브라우저 도구입니다. 정확한 픽셀 크기를 지정하고 배경색과 글자색을(HEX 값으로 입력하거나 색상 선택기로) 고르며, 크기·비율·메모 같은 짧은 레이블을 더합니다. 레이블을 비우면 너비와 높이(예: 600×400)가 자동으로 그려집니다. 결과는 실시간 미리보기에 즉시 갱신되고, 비트맵인 PNG·JPG·WebP나 어떤 배율에서도 또렷한 벡터 SVG로 내보낼 수 있으며 SVG는 마크업을 복사할 수도 있습니다. 프로토타입의 이미지 자리를 채우거나 반응형 그리드를 시험하거나 일관된 더미 썸네일을 만들 때 활용하세요.

플레이스홀더 이미지 생성기 사용법

1. 이미지의 너비와 높이를 픽셀로 입력합니다.
2. 배경색과 글자색을 HEX 값으로 입력하거나 색 칩 선택기로 고릅니다.
3. 원하는 레이블을 입력합니다. 비워 두면 크기(예: 600×400)가 자동으로 표시됩니다.
4. 출력 포맷을 선택합니다: PNG·JPG·WebP·SVG.
5. 실시간 미리보기를 확인한 뒤 '다운로드'를 눌러 이미지를 저장합니다(SVG는 마크업도 복사할 수 있습니다).

예시

자주 묻는 질문

어떤 포맷으로 내보낼 수 있나요?

네 가지입니다: PNG·JPG·WebP는 canvas에 그린 비트맵 이미지이고, SVG는 마크업으로 생성하는 벡터 이미지입니다. '포맷' 드롭다운으로 전환하며, SVG는 마크업 텍스트를 바로 복사할 수도 있습니다.

레이블을 비우면 어떻게 되나요?

이미지에 자신의 크기(예: 600×400)가 가운데에 자동으로 그려집니다. 직접 레이블을 입력하면 원하는 텍스트로 바뀝니다.

색은 어떻게 지정하나요?

배경 또는 글자 입력란에 #e2e8f0 같은 HEX 값을 입력하거나, 작은 색 칩을 클릭해 브라우저 기본 색상 선택기를 엽니다. CSS 이름 색도 사용할 수 있습니다. 변경에 따라 미리보기가 갱신됩니다.

투명하게 하려는데 JPG는 왜 배경을 채우나요?

JPG 포맷은 투명을 지원하지 않으므로 검은 영역을 막기 위해 항상 불투명한 배경을 칠합니다. 투명 배경이 필요하면 PNG·WebP를 쓰거나 투명 색 값을 지정한 SVG를 사용하세요.

제 이미지나 텍스트가 어딘가로 업로드되나요?

아니요. 플레이스홀더는 canvas와 SVG API를 사용해 브라우저 안에서 완결되어 그려지고 다운로드도 로컬에서 이뤄집니다. 입력하거나 생성한 내용이 서버로 전송되지 않으므로 오프라인에서도 작동하며 작업 내용이 비공개로 유지됩니다.