Warum wechselt das Bild bei jedem Neuladen?

Ohne Seed liefert der Dienst jedes Mal ein zufälliges Foto. Mit der /seed/-Form fixieren Sie eines — für Design-Reviews und visuelle Regressionstests will man das fast immer.

Darf ich diese Bilder in einem echten Projekt verwenden?

Nur für Mockups. Der Dienst dient dem Prototyping, nicht als lizenzierte Stockfotografie — für alles Veröffentlichte nehmen Sie Bilder, an denen Sie die Rechte haben.

Lorem Picsum - Platzhalterbilder

Erzeugen Sie zufällige Platzhalterbilder für Design und Layouts.

Breite

Höhe

Weichzeichnen

Seed

Graustufen

Alle Berechnungen erfolgen lokal in Ihrem Browser. Es werden keine Daten an einen Server gesendet.

Die Ergebnisse dienen zur Information. Überprüfen Sie sie anhand anderer Quellen.

Platzhalterbilder im Layout

Platzhalterbilder erlauben, ein Layout zu bauen, bevor die echte Fotografie existiert. Der Nutzen liegt darin, die Maße früh richtig zu treffen — ein Raster, das mit quadratischen Platzhaltern ausgewogen wirkt, zerfällt oft mit den 3:2-Fotos, die es tatsächlich bekommt.

So wird gerechnet

Baut eine URL für den Dienst picsum.photos in der von Ihnen gewählten Breite und Höhe.
Bietet einen festen Seed, sodass bei jedem Neuladen dasselbe Bild zurückkommt — das hält Screenshots und visuelle Tests stabil.
Unterstützt Graustufen- und Unschärfevarianten, nützlich zur Prüfung, ob darüberliegender Text lesbar bleibt.

https://picsum.photos/{Breite}/{Höhe}
https://picsum.photos/seed/{Seed}/{Breite}/{Höhe}   ← stabiles Bild
https://picsum.photos/{Breite}/{Höhe}?grayscale&blur=2

Rechenbeispiel

Ein Kartenraster mocken, bevor die Fotos eintreffen.

Karten sind im Entwurf 400 × 267 — ein Verhältnis von 3:2
https://picsum.photos/400/267 liefert bei jedem Laden ein anderes Foto
https://picsum.photos/seed/card-1/400/267 liefert jedes Mal dasselbe
?grayscale ergänzen, um zu prüfen, ob der Entwurf nicht von farbiger Fotografie abhängt

Erst Seed-URLs machen den Mock beurteilbar: ohne sie mischt jedes Neuladen die Bilder neu, und Prüfende streiten über Fotos, die nie ausgeliefert werden.

Das Ergebnis lesen

Dies ist das einzige Werkzeug der Seite, das eine externe Anfrage stellt. Ihr Browser holt das Bild direkt von picsum.photos, das Ihre IP-Adresse sieht wie jeder Bildserver.
Platzhalter nie in Produktion ausliefern. Sie hängen an einem Fremddienst ohne Verfügbarkeitszusage, und ein kaputter Platzhalter auf einer Live-Seite ist schlimmer als ein leerer Zustand.
Passen Sie das Seitenverhältnis an die echten Bilder an, nicht an ein bequemes Quadrat. Verhältnis-Abweichungen sind der häufigste Grund, warum ein Layout mit echten Inhalten bricht.
Für Offline-Arbeit oder eine Testsuite erzeugen Sie stattdessen einen lokalen Platzhalter in Volltonfarbe oder als SVG — kein Netz, keine Flakiness.

Häufige Fragen

Warum wechselt das Bild bei jedem Neuladen?: Ohne Seed liefert der Dienst jedes Mal ein zufälliges Foto. Mit der /seed/-Form fixieren Sie eines — für Design-Reviews und visuelle Regressionstests will man das fast immer.
Darf ich diese Bilder in einem echten Projekt verwenden?: Nur für Mockups. Der Dienst dient dem Prototyping, nicht als lizenzierte Stockfotografie — für alles Veröffentlichte nehmen Sie Bilder, an denen Sie die Rechte haben.

Quellen

Lorem Picsum