Softonic

Galeria Lorem Picsum

Krok 1 / 2
Dalej

Lorem Picsum serwuje zdjęcia wolne od opłat licencyjnych przez proste API w URL-u, https://picsum.photos/{width}/{height} zwraca obraz w dowolnym rozmiarze. Ta galeria pozwala wybrać szerokość, wysokość, ziarno, promień rozmycia i skalę szarości, a następnie kopiuje gotowy do wklejenia adres URL (albo tag <img>), żebyś mógł wrzucić fotograficzne zastępniki prosto do Figmy, swojego widoku Blade albo komponentu Reacta bez polowania na zdjęcia stockowe.

Jak korzystać z galerii

  1. 1

    Ustaw wymiary obrazu

    Szerokość i wysokość w pikselach. Popularne rozmiary, jak 800×600 czy 1200×630, są gotowe jako presety.

  2. 2

    Wybierz modyfikatory

    Rozmycie (0–10), skala szarości, stałe ziarno dla powtarzalnych obrazów, format WebP lub JPEG.

  3. 3

    Przeglądaj siatkę podglądu

    Ładuje się wiele losowych próbek, żebyś mógł wybrać tę, która Ci się podoba.

  4. 4

    Skopiuj URL

    Pobierz zwykły URL, pełny tag `<img>` albo składnię obrazu w Markdownie.

Anatomia URL-a

Bazowy punkt końcowy:

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

Plus opcjonalne części zapytania i ścieżki:

Wariant Przykład Efekt
Skrót dla kwadratu /200 → to samo co /200/200 Obraz kwadratowy
Stałe ziarno /seed/cat/400/300 Zawsze zwraca to samo zdjęcie
Konkretne id zdjęcia /id/237/400/300 Przypina do obrazu 237 w kolekcji
Skala szarości /400/300?grayscale Filtr monochromatyczny
Rozmycie /400/300?blur=5 Rozmycie Gaussa, 1–10
Format /400/300.webp Wymuś format pliku
Losowe przy każdym ładowaniu Sam URL Nowe zdjęcie przy każdym odświeżeniu

Kiedy używać tego, a kiedy prawdziwego stocka

  • Dobrze: wireframe’y, przeglądy projektów, wewnętrzne dema, dane testowe, eksperymenty z leniwym ładowaniem.
  • Niedobrze: produkcyjne strony marketingowe, obrazy hero, podglądy społecznościowe. Hotlinkowanie cudzego darmowego serwisu obrazów do realnego ruchu jest w złym tonie i kruche, zdjęcie może się zmienić bez ostrzeżenia.

Wskazówki

  • Przypnij ziarno, gdy robisz zrzuty projektów do dokumentacji; inaczej obraz zmieni się następnym razem, gdy ktoś otworzy stronę.
  • Dopasuj proporcje swoich finalnych zasobów (16:9, 4:5, 1:1), żeby układ nie skakał, gdy podmienisz prawdziwe zdjęcia.
  • Użyj rozmycia do testowania przejść zastępnik-do-prawdziwego (wzorce LQIP), wyjście z rozmyciem Picsum naśladuje wygląd zastępnika o niskiej jakości.
  • Poproś o WebP dla lżejszych stron podczas rozwoju.

Najczęściej zadawane pytania

Technicznie zdjęcia są na licencji Unsplash, ale hotlinkowanie do picsum.photos z produkcji jest odradzane, używaj go do prototypów, a do zastosowań produkcyjnych pobierz zasób (albo przejdź do oryginalnego źródła Unsplash).

Bez ziarna lub id API serwuje losowe zdjęcie przy każdym żądaniu. Użyj /seed/twojesłowo/... albo /id/123/..., aby je przypiąć.

Lorem Picsum to darmowy serwis na Cloudflare z rozsądnymi limitami. Przy ciężkich pakietach testów lub testach obciążeniowych pobierz lokalną kopię i serwuj ją z własnego hosta.

Tak, serwis działa tylko po HTTPS. Wszystkie wygenerowane adresy URL zaczynają się od https://.

Tylko dla miniatur podglądu, które ładują się prosto z picsum.photos. Sama ta galeria nie wysyła żadnych danych o Twoich wyborach rozmiaru ani ziarna do żadnej trzeciej strony.

Powiązane narzędzia

Tabela ASCII

Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.

Referencja znaków HTML

Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.

Skróty klawiaturowe

Wyszukuj udokumentowane skróty domyślne VS Code, Chrome i Bash z GNU Readline w macOS, Windows i Linux.

Generator EditorConfig

Wygeneruj plik .editorconfig z własnymi regułami stylu i rozmiaru wcięć, końca linii, kodowania i białych znaków, aby uzyskać spójne formatowanie w różnych IDE i edytorach.

Walidator adresów e-mail

Zweryfikuj adres e-mail: sprawdzenie składni RFC 5322, sprawdzenie rekordu MX w czasie rzeczywistym oraz szczegóły dotyczące części lokalnej, domeny i długości. Żadna wiadomość nie jest wysyłana.

Formatowanie HTML

Formatuj HTML lokalnie w przeglądarce, używając wcięć dwóch lub czterech spacji. HTML nie jest wysyłany ani walidowany.

Narzędzie jest dostępne w innych językach