도구 실행
임시 이미지 생성기는 웹 디자인, UI 프로토타입 및 레이아웃 작업에 필요한 SVG 형식의 자리표시자 그래픽을 실시간으로 제작하는 도구입니다. 가로 너비와 세로 높이를 1픽셀부터 2000픽셀 사이에서 자유롭게 지정할 수 있으며, 기본값으로 가로 400픽셀, 세로 300픽셀이 적용됩니다. 사용자 정의 문구를 입력하지 않으면 가로와 세로 크기가 곱셈 기호로 연결되어 이미지 중앙에 자동으로 표시됩니다. 또한 배경색(기본 #cccccc)과 글자색(기본 #333333)을 원하는 색상 코드로 변경하여 디자인 시안의 분위기에 맞출 수 있습니다. 생성된 결과물은 SVG 원본과 인라인 데이터 형식으로 제공되어 웹 마크업에 바로 복사하여 활용할 수 있습니다.
사용 방법
- 너비와 높이 입력란에 제작할 이미지의 픽셀 크기(1~2000 픽셀)를 입력합니다.
- 이미지 중앙에 표기할 텍스트가 있다면 표시 문구 칸에 입력합니다. 비워둘 경우 크기 수치가 표시됩니다.
- 배경색과 글자색 항목에 원하는 16진수 색상 코드(예: #e0e0e0, #111111)를 지정합니다.
- 실행 후 결과 영역에 출력된 SVG 그래픽과 인라인 이미지 데이터 문자열을 확인하고 복사합니다.
예시
- 너비 600, 높이 400, 배경색 #2c3e50, 글자색 #ffffff, 문구 '메인 배너 영역'을 지정하여 어두운 톤의 프로토타입용 배너를 생성합니다.
- 너비 200, 높이 200을 입력하고 문구를 비워두면 중앙에 '200×200' 규격 텍스트가 자동으로 삽입된 정사각형 썸네일 이미지가 생성됩니다.
자주 묻는 질문
너비와 높이 설정에 제한이 있습니까?
너비와 높이는 각각 최소 1픽셀에서 최대 2000픽셀 범위 내에서 동작합니다. 범위를 벗어난 값을 입력하면 해당 최소값이나 최대값으로 자동 제한됩니다.
표시 문구를 입력하지 않으면 어떻게 처리됩니까?
표시 문구 칸을 비워둘 경우 너비와 높이 수치가 곱셈 기호(×)로 결합되어 이미지 중앙에 기본 텍스트로 출력됩니다.
입력한 특수문자가 이미지 안에서 안전하게 표시됩니까?
입력된 모든 문구는 브라우저 렌더링 시 안전하게 처리되도록 특수문자 변환 과정을 거친 후 SVG 텍스트로 삽입됩니다.