플레이스홀더 이미지 생성기
간단하고 빠른
디자인을 위한 아름다운 플레이스홀더 이미지 생성
미리보기
300x200
사용법
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />사용 방법
- 크기 설정
- 색상 선택
- 폰트 선택
- 코드 받기
🚀 빠른 시작
세 가지 간단한 단계로 기본 플레이스홀더 이미지를 시작하세요:
- 원하는 크기 입력 (예: 300x200)
- "이미지 생성" 클릭하여 URL 받기
- 생성된 URL을 복사하여 프로젝트에서 사용
Example: https://ph.loremipsums.org/300x200
⚙️ 고급 옵션
| 기능 | 설명 | 예시 |
|---|---|---|
| 사용자 정의 색상 | 16진수 코드를 사용하여 배경/텍스트 색상 추가 | /300x200/CCCCCC/333333 |
| 사용자 정의 텍스트 | 플레이스홀더에 원하는 텍스트 추가 | &text=Hello+World |
| 폰트 선택 | 다양한 웹 안전 폰트와 구글 폰트 중 선택 | &font=Inter |
💡 팁과 요령
일반적인 크기는 프리셋 사용
URL에서 16진수 색상의 # 제거
사용자 정의 텍스트에서 공백 대신 + 사용
실시간으로 미리보기 업데이트
자주 묻는 질문
📦 지원되는 이미지 형식
다음과 같은 이미지 형식을 지원합니다:
- SVG - 벡터 형식, 반응형 디자인에 적합 (기본값)
- PNG - 투명도를 지원하는 무손실 압축
- JPG - 사진에 적합한 효율적인 손실 압축
- WebP - 우수한 압축률의 현대적 형식
- GIF - 제한된 색상 팔레트의 기본 형식
🎨 사용자 정의 옵션
플레이스홀더 이미지를 다음과 같이 사용자 정의할 수 있습니다:
- 크기 - 2000px까지의 너비와 높이
- 색상 - 16진수 코드를 사용한 사용자 정의 배경 및 텍스트 색상
- 텍스트 - 사용자 정의 텍스트 메시지
- 폰트 - 인기 있는 구글 폰트 중 선택
- 투명도 - 선택적 투명 배경
🔗 URL 구조
URL 구조는 다음 패턴을 따릅니다:
https://ph.loremipsums.org/[size]/[bg-color]/[text-color]/[format]?text=[text]&font=[font]
크기 형식:
- Square:
/300(300x300) - Rectangle:
/300x200(width x height)
예시:
- Square:
/300/FF0000/FFFFFF - Rectangle:
/300x200/FF0000/FFFFFF - Transparent:
/300/transparent/000000 - Custom text & font:
/300?text=Hello&font=Lato
💡 모범 사례
- SVG를 확장성에 활용 - 반응형 디자인에 완벽
- 사진은 WebP 사용 - JPG/PNG보다 더 나은 압축률
- 투명도 활성화 - 다양한 배경에 맞춰야 할 때
- 텍스트는 간단하게 - 작은 이미지에서 더 좋은 가독성
- 이미지 캐싱 - URL이 안정적이고 캐싱 가능
⚠️ 제한사항
- 최대 이미지 크기: 2000x2000 픽셀
- 텍스트 길이에 따라 폰트 크기가 자동 조절됨
- 일부 폰트는 모든 문자를 지원하지 않을 수 있음
- 색상값은 유효한 16진수 코드여야 함
- 이미지 생성 시간은 크기와 형식에 따라 달라질 수 있음