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

소개

이 도구는 브라우저의 Canvas API를 사용해 지정한 픽셀 크기의 단색 직사각형을 렌더링하고 그 위에 커스텀 텍스트 레이블(기본값: 이미지 크기, 예: 800×600)을 중앙에 표시합니다. 컬러 피커로 배경색과 텍스트 색을 자유롭게 선택하고, 레이블 텍스트를 직접 입력하고, PNG·JPEG·WebP 중 출력 형식을 고를 수 있습니다. 결과물은 파일로 저장하거나 Base64 데이터 URI로 복사해 HTML이나 CSS에 바로 삽입할 수 있습니다. 모든 처리가 클라이언트에서 이루어지므로 데이터가 외부로 나가지 않고 계정이나 서버도 필요하지 않습니다.

사용 방법

1. 원하는 너비와 높이를 픽셀 단위로 입력하세요 (각각 최대 4000 px).
2. 색상 피커로 배경색과 텍스트 색을 선택하세요.
3. 레이블을 직접 입력하거나, 비워 두면 이미지 크기가 자동으로 표시됩니다.
4. 출력 형식(PNG·JPEG·WebP)을 선택하고 캔버스 실시간 미리 보기를 확인하세요.
5. 다운로드 버튼으로 이미지를 저장하거나, Base64 데이터 URI를 복사해 코드에 직접 삽입하세요.

자주 묻는 질문

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

플레이스홀더 이미지는 실제 이미지가 준비되기 전에 레이아웃 공간을 확보하기 위해 웹·앱 개발 과정에서 임시로 사용하는 그래픽입니다. 와이어프레임·프로토타입·HTML 템플릿에서 흔히 쓰입니다.

생성할 수 있는 이미지 최대 크기가 있나요?

최대 4000×4000 픽셀까지 지원합니다. 그보다 크면 브라우저 캔버스 메모리 한계로 오류가 발생할 수 있습니다. 대부분의 개발 용도에서는 4000 px로 충분합니다.

Base64 데이터 URI란 무엇이며 언제 사용하나요?

Base64 데이터 URI는 이미지를 텍스트 문자열로 인코딩한 것으로, img 태그의 src 속성이나 CSS background-image 값에 별도 파일 없이 바로 붙여 넣을 수 있습니다. 프로토타입이나 이메일에 삽입하는 소형 이미지에 적합합니다.

PNG·JPEG·WebP 중 어떤 출력 형식을 선택해야 하나요?

무손실 품질과 투명도가 필요하면 PNG, 투명도가 필요 없고 파일 크기를 줄이려면 JPEG, 최신 브라우저에서 크기와 품질의 최적 균형을 원하면 WebP를 선택하세요.

이 도구가 데이터를 서버에 업로드하나요?

아니요. 이미지는 Canvas API를 사용해 브라우저 안에서만 생성되며 어떤 서버로도 전송되지 않습니다. 로그인·업로드·데이터 수집 없음.