Dlaczego obrazek zmienia się przy każdym odświeżeniu?

Bez ziarna usługa zwraca za każdym razem losowe zdjęcie. Użyj postaci /seed/, żeby je przypiąć — prawie zawsze tego chcesz przy przeglądach projektu i testach regresji wizualnej.

Czy mogę użyć tych zdjęć w prawdziwym projekcie?

Tylko do makiet. Usługa służy do prototypowania, a nie jako licencjonowany bank zdjęć — do wszystkiego, co publikujesz, użyj obrazów, do których masz prawa.

Lorem Picsum - Obrazy zastepcze

Generuj losowe obrazy zastępcze do projektów i makiet.

Szerokość

Wysokość

Rozmycie

Ziarno

Skala szarości

Wszystkie obliczenia wykonywane są lokalnie w przeglądarce. Dane nie są wysyłane na serwer.

Wyniki mają charakter informacyjny. Potwierdź je w innych źródłach.

Obrazki zastępcze w układzie strony

Obrazki zastępcze pozwalają zbudować układ, zanim powstaną prawdziwe zdjęcia. Wartość leży w wczesnym trafieniu w wymiary — siatka wyglądająca zgrabnie z kwadratowymi zastępnikami często rozpada się przy zdjęciach 3:2, które faktycznie dostanie.

Jak to działa

Buduje adres URL do usługi picsum.photos w wybranej szerokości i wysokości.
Oferuje stałe ziarno, dzięki któremu przy każdym odświeżeniu wraca ten sam obrazek — to utrzymuje stabilność zrzutów i testów wizualnych.
Obsługuje warianty w skali szarości i z rozmyciem, przydatne do sprawdzenia, czy nałożony tekst pozostaje czytelny.

https://picsum.photos/{szerokość}/{wysokość}
https://picsum.photos/seed/{ziarno}/{szerokość}/{wysokość}   ← stały obrazek
https://picsum.photos/{szerokość}/{wysokość}?grayscale&blur=2

Przykład z liczbami

Makieta siatki kart, zanim przyjdą zdjęcia.

karty w projekcie mają 400 × 267 — proporcja 3:2
https://picsum.photos/400/267 daje inne zdjęcie przy każdym wczytaniu
https://picsum.photos/seed/card-1/400/267 daje za każdym razem to samo
dodaj ?grayscale, żeby sprawdzić, czy projekt nie opiera się na barwnej fotografii

To ziarno w adresie sprawia, że makietę da się recenzować: bez niego każde odświeżenie przetasowuje obrazki, a recenzenci spierają się o zdjęcia, które nigdy nie trafią na stronę.

Jak czytać wynik

To jedyne narzędzie w serwisie wykonujące żądanie na zewnątrz. Twoja przeglądarka pobiera obrazek wprost z picsum.photos, który widzi Twój adres IP tak jak każdy inny serwer z obrazkami.
Nigdy nie wypuszczaj zastępników na produkcję. Zależą od usługi zewnętrznej bez gwarancji dostępności, a zepsuty zastępnik na żywej stronie jest gorszy niż pusty stan.
Dopasuj proporcje do prawdziwych zdjęć, a nie do wygodnego kwadratu. Niedopasowanie proporcji to najczęstszy powód, dla którego układ rozjeżdża się po wstawieniu treści.
Do pracy offline albo do testów wygeneruj lokalny zastępnik w jednolitym kolorze lub w SVG — bez sieci i bez chwiejności.

Częste pytania

Dlaczego obrazek zmienia się przy każdym odświeżeniu?: Bez ziarna usługa zwraca za każdym razem losowe zdjęcie. Użyj postaci /seed/, żeby je przypiąć — prawie zawsze tego chcesz przy przeglądach projektu i testach regresji wizualnej.
Czy mogę użyć tych zdjęć w prawdziwym projekcie?: Tylko do makiet. Usługa służy do prototypowania, a nie jako licencjonowany bank zdjęć — do wszystkiego, co publikujesz, użyj obrazów, do których masz prawa.

Źródła

Lorem Picsum