Softonic

Lorem Picsum 갤러리

단계 1 / 2
다음

Lorem Picsum은 간단한 URL API를 통해 로열티 프리 사진을 제공합니다. https://picsum.photos/{width}/{height}는 임의의 크기의 이미지를 반환합니다. 이 갤러리에서 너비, 높이, 시드, 블러 반경, 그레이스케일을 설정한 다음 바로 붙여넣을 수 있는 URL(또는 <img> 태그)을 복사할 수 있습니다. 스톡 이미지를 찾아 헤맬 필요 없이 사진 플레이스홀더를 Figma, Blade 뷰 또는 React 컴포넌트에 바로 넣을 수 있습니다.

갤러리 사용 방법

  1. 1

    이미지 크기 설정

    너비와 높이를 픽셀 단위로 지정합니다. 800×600 또는 1200×630 같은 일반적인 크기는 프리셋으로 제공됩니다.

  2. 2

    수정자 선택

    블러(0–10), 그레이스케일, 재현 가능한 이미지를 위한 고정 시드, WebP 또는 JPEG 형식.

  3. 3

    미리보기 그리드 둘러보기

    여러 개의 무작위 샘플이 로드되므로 마음에 드는 것을 고를 수 있습니다.

  4. 4

    URL 복사

    순수 URL, 완전한 `<img>` 태그 또는 Markdown 이미지 문법을 가져올 수 있습니다.

URL 구조

기본 엔드포인트:

https://picsum.photos/{width}/{height}

여기에 선택적인 쿼리와 경로 요소를 덧붙일 수 있습니다:

변형 예시 효과
정사각형 단축 경로 /200 → /200/200과 동일 정사각형 이미지
고정 시드 /seed/cat/400/300 항상 같은 사진을 반환
특정 사진 ID /id/237/400/300 컬렉션의 237번 이미지로 고정
그레이스케일 /400/300?grayscale 단색 필터
블러 /400/300?blur=5 가우시안 블러, 1–10
형식 /400/300.webp 파일 형식 강제 지정
로드할 때마다 무작위 URL만 사용 새로고침할 때마다 새 사진

실제 스톡 사진과 어떻게 구분해 쓰는가

  • 적합한 경우: 와이어프레임, 디자인 검토, 내부 데모, 테스트 픽스처, 지연 로딩(레이지 로딩) 실험.
  • 적합하지 않은 경우: 운영용 마케팅 사이트, 히어로 이미지, 소셜 미리보기. 실제 트래픽을 위해 타인의 무료 이미지 서비스에 직접 링크하는 것은 바람직하지 않고 불안정합니다. 사진이 예고 없이 바뀔 수 있습니다.

팁

  • 문서용으로 디자인 스크린샷을 찍을 때는 시드를 고정 하세요. 그렇지 않으면 다음에 페이지를 열 때 이미지가 바뀝니다.
  • 최종 에셋의 화면 비율(16:9, 4:5, 1:1)에 맞춰 두면 실제 사진으로 교체해도 레이아웃이 흔들리지 않습니다.
  • 플레이스홀더에서 실제 이미지로의 전환을 테스트하려면 블러를 사용하세요(LQIP 패턴). Picsum의 블러 출력은 저품질 이미지 플레이스홀더의 모습을 재현합니다.
  • 개발 중에는 페이지를 가볍게 하기 위해 WebP를 요청 하세요.

자주 묻는 질문

기술적으로 이 사진들은 Unsplash 라이선스를 따르지만, 운영 환경에서 picsum.photos로 핫링크하는 것은 권장되지 않습니다. 프로토타입 용도로만 사용하고, 운영에 쓸 때는 에셋을 다운로드하거나 원본 Unsplash 출처를 이용하세요.

시드나 ID가 없으면 API는 요청마다 무작위 사진을 반환합니다. 고정하려면 /seed/daneo/... 또는 /id/123/...를 사용하세요.

Lorem Picsum은 Cloudflare에서 제공되는 무료 서비스이며 합리적인 속도 제한이 있습니다. 대규모 테스트 스위트나 부하 테스트의 경우 로컬 복사본을 다운로드해 자체 호스트에서 제공하세요.

네, 이 서비스는 HTTPS 전용입니다. 생성되는 모든 URL은 https://로 시작합니다.

미리보기 썸네일에만 해당하며, 이는 picsum.photos에서 직접 로드됩니다. 이 갤러리 자체는 사용자의 크기나 시드 선택에 관한 데이터를 제3자에게 전송하지 않습니다.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

HTML 문자 참조

HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

색상 틴트 생성기

기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.

이메일 검증기

이메일 주소를 검증합니다. RFC 5322 구문 검사, 실시간 MX 레코드 조회, 그리고 로컬 파트, 도메인, 길이 정보를 제공합니다. 이메일은 전송되지 않습니다.

이 도구는 다른 언어로도 제공됩니다