본문으로 건너뛰기
AZ Tools

Lorem Picsum URL 빌더

picsum.photos에서 플레이스홀더 이미지 URL 생성 — 크기·그레이스케일·블러·안정 이미지용 시드·특정 이미지 ID.

URL
https://picsum.photos/800/600

미리보기

placeholder
Markdown
![placeholder](https://picsum.photos/800/600)
HTML
<img src="https://picsum.photos/800/600" width="800" height="600" alt="placeholder">

picsum.photos는 Unsplash 사진을 플레이스홀더로 제공. 프로토타입 무료; 프로덕션은 Unsplash 라이센스 확인.

사용법

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

자세한 설명

펼치기

picsum.photos는 요청한 크기로 Unsplash의 임의 사진을 돌려줍니다. 이 빌더는 실제로 필요한 URL을 만들어 줍니다. 가로 × 세로, 선택적인 흑백과 블러, 그리고 요청마다 임의 사진, 시드 문자열마다 고정된 사진(스토리북 픽스처에 좋습니다), 또는 특정 이미지 ID 중 하나를 고를 수 있습니다. URL과 함께 바로 붙여 넣을 수 있는 마크다운과 HTML 조각을 내보내고 실시간 미리보기를 보여 줍니다.

레이아웃의 재현 가능 여부를 가르는 설정이 시드입니다. 시드가 없으면 요청마다 다른 사진이 오기 때문에, 애초에 검사 대상이 아니었던 내용 때문에 스크린샷 테스트나 시각적 비교가 실패합니다. 시드는 하나의 이미지에 결정적으로 대응하며, 픽스처와 디자인 목업에서 원하는 동작이 바로 이것입니다. 명시적인 이미지 ID는 한 걸음 더 나아가 정확히 그 사진을 고정하지만, 그 이미지가 목록에서 빠지면 깨진다는 대가가 있습니다.

요청한 크기는 왜곡이 아니라 잘라내기로 맞춥니다. 세로로 긴 원본에서 넓은 배너를 요청하면 가운데를 잘라 주므로, 얼굴이나 지평선은 원본이 놓아둔 자리대로 걸립니다. 피사체가 중요하다면 정사각형 요청이 가장 안전한 기본값입니다. 흑백과 블러는 서버에서 적용되며, 블러는 10까지의 정수 강도를 받고 그 위의 값은 거부되지 않고 한도로 잘립니다.

중요한 단서는 이것이 남의 서비스라는 점입니다. 모든 이미지는 페이지를 열 때 picsum.photos에서 가져옵니다. 즉 외부 요청이 발생하고, 그 호스트가 살아 있어야 하며, 리퍼러가 여러분의 페이지에서 빠져나갑니다. 개발용 자리표시자 서비스라 가동률 약속이 없고 특정 ID가 계속 해석된다는 보장도 없으므로, 이 URL을 그대로 프로덕션에 올리면 화면 렌더링을 무료 제삼자의 손에 맡기는 셈입니다. 필요한 것을 내려받아 직접 호스팅하십시오. 사진은 Unsplash에서 오며 Unsplash 라이선스를 따르는데, 너그럽기는 하지만 퍼블릭 도메인은 아닙니다.

자주 묻는 질문

시드와 이미지 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이 원본 사진에서 크롭/리사이즈 — 극단적 비율은 어색하게 잘릴 수 있음.

관련 도구