더미 이미지 생성기
목업과 와이어프레임용 플레이스홀더 이미지를 생성합니다.
이미지 크기, 배경/텍스트 색, 텍스트를 설정하고 직접 링크 가능한 이미지 URL을 얻을 수 있습니다.
가로
세로
프리셋
배경색
텍스트 색
형식
| 형식 | 400 × 300px (PNG) |
|---|---|
| 이미지 URL | https://img.skin/400x300 |
| HTML | <img src="https://img.skin/400x300" alt="400×300" width="400" height="300"> |
| CSS | background-image: url("https://img.skin/400x300"); |
- 안전
- 이미지 URL을 아는 사용자만 볼 수 있습니다.
안내
변수 태그
텍스트에 사용자 지정 변수 태그를 사용할 수 있습니다.
이미지 크기, 색상, 줄바꿈 등을 삽입할 수 있습니다.
| 태그 | 설명 | 예시 | 결과 |
|---|---|---|---|
{width} | 생성된 이미지의 가로 길이로 치환됩니다. | {width}px | 400px |
{height} | 생성된 이미지의 세로 길이로 치환됩니다. | {height}px | 300px |
{ratio} | 생성된 이미지의 종횡비로 치환됩니다. | {ratio} | 4:3 |
{back} | 생성된 배경색으로 치환됩니다. | 배경: {back} | 배경: #dddddd |
{color} | 생성된 텍스트 색으로 치환됩니다. | 텍스트 색: {color} | 텍스트 색: #979797 |
{fmt} | 생성된 이미지 형식으로 치환됩니다. | 형식: {fmt} | 형식: PNG |
{br} | 해당 위치에 줄바꿈을 삽입합니다. 이 도구의 폼에서 줄바꿈을 입력하면 자동으로 삽입됩니다. | 안녕{br}세계 | 안녕 세계 |
이미지 URL 구조
이 도구로 생성한 이미지 URL은 직접 링크로 사용할 수 있습니다.
이미지를 직접 요청하려면 아래 경로를 사용하세요.
- 이미지 URL
- https://img.skin/
가로x세로/배경색/텍스트 색
?text=텍스트&fmt=이미지 형식
| 값 | 설명 | 예시 | 생략 |
|---|---|---|---|
| 가로 | 1–5000 | 400 | 불가 |
| 세로 | 1–5000 | 300 | 불가 |
| 배경색 | 헥스 색상 / 색상 이름 / transparent | ff1493 / deeppink | 가능 *1 |
| 텍스트 색 | 헥스 색상 / 색상 이름 / transparent | fff / white | 가능 |
| 텍스트 | 임의의 텍스트 / 변수 태그 생략하면 '{width}×{height}'가 됩니다. | W:{width}px | 가능 |
| 이미지 형식 | png / jpg / gif 생략하면 PNG가 사용됩니다. JPG와 GIF는 투명 배경을 사용할 수 없습니다. | jpg | 가능 |
*1 텍스트 색(fontColor)을 지정한 경우에는 생략할 수 없습니다.