플레이스홀더 이미지 생성기
원하는 크기, 배경색, 라벨 텍스트로 플레이스홀더 이미지를 생성하고 PNG, JPEG 또는 SVG 형식으로 다운로드하세요. 파일은 업로드되지 않습니다.
플레이스홀더 이미지
- 크기
- 800 x 600
- 형식
- PNG
- 파일 크기
- -
이용 방법
플레이스홀더 이미지 생성기는 선택한 크기와 색상의 단순한 사각형에 라벨을 그려, 디자이너와 개발자가 실제 이미지가 준비되기 전에 플레이스홀더 서비스나 네트워크 요청 없이 대체 이미지를 사용할 수 있게 합니다.
- 크기를 설정하세요
너비와 높이를 입력하거나 OG 이미지, Instagram 게시물 등 일반적인 프리셋을 선택하세요.
- 색상 및 라벨을 선택하세요
입력하는 동안 미리보기가 실시간으로 업데이트됩니다. 레이블을 비워두면 픽셀 크기가 대신 표시됩니다.
- 다운로드 또는 복사
파일을 저장하거나 데이터 URI 또는 바로 붙여넣을 수 있는 <img> 태그를 복사하세요.
PNG, JPEG 또는 SVG
세 가지 형식 모두 브라우저에서 Canvas 및 SVG API를 사용하여 로컬로 생성되며, 이미지가 서버로 전송되지 않습니다.
- PNG: 무손실 형식으로 투명도 없는 단색을 깔끔하게 지원하며 목업 제작 시 가장 안전한 기본 선택입니다.
- JPEG: 사진과 유사한 이미지에서는 일반적으로 파일 크기가 더 작지만, 플레이스홀더 사각형은 어느 형식이든 압축 효율이 비슷하므로 이 경우에는 PNG가 보통 더 나은 선택입니다.
- SVG: 해상도에 독립적인 마크업으로 품질 저하 없이 모든 크기로 확장 가능하며 픽셀 제한이 없어 동일한 플레이스홀더를 여러 크기로 사용해야 할 때 이상적입니다.
기기 밖으로 전송되는 데이터 없음
이미지는 브라우저의 HTML 캔버스에 완전히 그려지거나 SVG 텍스트로 구축됩니다. 페이지가 로드된 후에는 오프라인에서도 다운로드, 데이터 URI 복사 및 <img> 태그 복사가 모두 작동합니다.
자주 묻는 질문
와이어프레임이나 목업용 플레이스홀더 이미지를 어떻게 만들 수 있나요?
너비와 높이를 입력하거나 프리셋을 클릭한 다음 배경색과 텍스트 색상 및 선택 사항인 레이블을 지정하세요. 필드를 변경할 때마다 미리보기와 다운로드가 실시간으로 업데이트됩니다. 파일을 받으려면 다운로드를, 미리보기 아래에 표시된 데이터 URI를 얻으려면 복사를 클릭하세요.
별도 파일 없이 HTML에 인라인으로 플레이스홀더 이미지를 어떻게 사용할 수 있나요?
출력 상자에서 데이터 URI를 복사하려면 복사를 클릭하거나, <img src="data:image/png;base64,..." width="800" height="600" alt="Placeholder">와 같이 바로 붙여넣을 수 있는 요소를 원하시면 <img> 태그 복사를 클릭하세요. 둘 중 하나를 HTML에 직접 붙여넣으면 되며 서버나 파일 참조는 필요하지 않습니다.
사용할 수 있는 일반적인 크기 사전 설정은 무엇인가요?
OG 이미지(1200x630), Instagram 게시물(1080x1080), YouTube 썸네일(1920x1080), Twitter 헤더(1500x500), 휴대폰 화면(375x812), App Store 스크린샷(1290x2796), iPad(768x1024) 및 Instagram 스토리(1080x1920)가 있습니다. 사전 설정을 클릭하여 해당 크기를 적용한 다음 색상과 텍스트를 조정하세요.
래스터 이미지 대신 SVG 플레이스홀더를 생성할 수 있나요?
네, 가능합니다. 파일 형식 목록에서 SVG를 선택하세요. 출력 결과물은 배경 사각형, 선택적 대각선 안내선 및 텍스트 라벨이 포함된 작고 올바르게 이스케이프 처리된 <svg> 요소입니다. SVG는 PNG나 JPEG와 달리 해상도에 독립적이며 픽셀 크기 제한이 없습니다.
이 도구로 생성할 수 있는 최대 이미지 크기는 얼마인가요?
매우 큰 캔버스는 저사양 장치의 GPU 텍스처 메모리를 고갈시켜 빈 출력을 생성할 수 있으므로 PNG 및 JPEG의 너비와 높이는 각각 4,096 px로 제한됩니다. 한 변이 약 2,048 px보다 큰 플레이스홀더가 필요한 경우 픽셀 해상도 제한이 없는 SVG 형식을 사용하세요.