플레이스홀더 이미지
플레이스홀더 이미지 생성기는 원하는 너비와 높이로 배경색, 글자색, 라벨(기본값 '너비×높이')을 지정한 PNG 플레이스홀더를 만들고, 바로 쓸 수 있는 img 태그도 제공합니다.
이 도구 소개
플레이스홀더 이미지 생성기는 원하는 너비와 높이로 배경색, 글자색, 라벨(기본값 '너비×높이')을 지정한 PNG 플레이스홀더를 만들고, 바로 쓸 수 있는 img 태그도 제공합니다.
사용 방법
- 너비와 높이를 픽셀로 입력합니다.
- 배경색과 글자색을 고릅니다.
- 필요하면 원하는 라벨을 입력합니다.
- PNG를 다운로드하거나 img 태그를 복사합니다.
알아두면 좋은 점
- 이미지는 Canvas API로 실제 픽셀 크기로 그려지고 PNG로 저장됩니다.
- 대각선 안내선과 가운데 텍스트 덕분에 목업에서 플레이스홀더를 쉽게 알아볼 수 있습니다.
- img 태그에 width와 height 속성을 지정하면 공간이 확보되어 레이아웃 밀림을 막을 수 있습니다.
- 로컬 플레이스홀더를 쓰면 개발 중에 외부 플레이스홀더 서비스에 의존하지 않아도 됩니다.
모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.
자주 묻는 질문
플레이스홀더 이미지는 어떻게 만드나요?
원하는 크기와 색상을 입력하고 PNG 다운로드를 누르면 기기에서 즉시 파일이 생성됩니다.
플레이스홀더는 어떤 크기로 해야 하나요?
최종 이미지 크기와 맞추세요. 예를 들어 SNS 미리보기는 1200 × 630, 히어로 이미지는 1920 × 1080으로 하면 레이아웃이 정확해집니다.
플레이스홀더의 텍스트를 바꿀 수 있나요?
네. 원하는 라벨을 입력하세요. 비워 두면 이미지에 크기가 표시됩니다.
인터넷 연결이나 외부 서비스가 필요한가요?
아니요. 이미지는 브라우저에서 로컬로 생성되며 플레이스홀더 서비스에 요청하지 않습니다.