Lorem Picsum URL 빌더

사용법

1. width·height 설정('square' 클릭으로 width를 height에 복사).
2. 선택적으로 그레이스케일·블러(0-10) 켜기.
3. 페이지 로드마다 같은 사진 원하면 시드 추가.
4. 특정 사진 고정은 이미지 ID 입력(picsum.photos/images에서 ID 찾기).
5. URL·Markdown·HTML 스니펫 복사.

자주 묻는 질문

시드와 이미지 ID 차이?

**시드**는 선택 문자열 — `picsum.photos/seed/alice/800/600`은 `alice`에는 매번 같은 이미지·`bob`에는 다른 이미지. **이미지 ID**는 picsum 카탈로그의 특정 사진 고정(예: `id/237`은 유명한 개). 안정적이지만 임의는 시드·특정 사진은 ID.

프로덕션 사용?

Picsum은 프로토타입·디자인 모크·Figma 채우기·Storybook에 좋음. 프로덕션은 자체 플레이스홀더 호스트 또는 CDN 사용 — 서드파티 이미지 호스트는 속도 제한·이미지 변경·다운 가능. Picsum 이미지는 Unsplash 라이센스 — 일부 사례에 상업적 제한.

이미지가 캐시되거나 새로고침마다 동일?

시드 없으면 picsum이 무작위 선택해도 브라우저가 URL 캐시 가능. 캐시 버스터 쿼리(예: `&rand=123`) 추가 또는 시드 사용·결정론 수용. 반대: 안정 이미지 원하면 항상 시드 사용.

어떤 종횡비 작동?

모든 정수 — `1600/900`·`1200/630`(Open Graph)·`400/400`(아바타)·`2000/300`(배너). Picsum이 원본 사진에서 크롭/리사이즈 — 극단적 비율은 어색하게 잘릴 수 있음.

관련 도구