Einleitung
Lorem Picsum ist ein Zufallsbildgenerator.
Was ist Lorem Picsum?
Lorem Picsum ist ein Zufallsbildgenerator und ein Platzhalterfoto-Dienst für echte Fotografien in exakten Größen. Er ist für Layouts, Prototypen und Test-Fixtures gedacht und ersetzt graue Kästen durch glaubwürdige Bilder. Der Dienst bietet 10.000 CC0-Fotos und eine Picsum-Bild-API, die ohne Schlüssel und ohne Anmeldung auskommt. Nutzer können ein Zufallsbild anfordern, indem sie Breite und Höhe an eine URL anhängen, und die Ergebnisse anschließend mit Tags, Kategorien, Seeds, Graustufen, Weichzeichnung oder WebP-Ausgabe verfeinern. Das ist wichtig, weil Designer und Entwickler oft Bilder brauchen, die echt aussehen, ohne Lizenzarbeit. Lorem Picsum hält diesen Workflow einfach: URL einfügen, zugeschnittenes Foto erhalten und das Layout ausliefern. Der Zufallsbildgenerator eignet sich für schnelle Mockups, während wiederholbare Seeds und Foto-IDs Teams helfen, Reviews und Tests stabil zu halten.
Zentrale Funktionen von Lorem Picsum
Echte Fotos in benutzerdefinierten Größen
Wählen Sie eine Breite und Höhe bis 2.000 Pixel oder verwenden Sie eine einzelne Zahl für ein Quadrat; der Zufallsbildgenerator liefert dann einen mittig zugeschnittenen Ausschnitt in der angeforderten Größe.
Tag- und Kategoriefilter
Verwenden Sie Tag- oder Kategorieparameter, um den Zufallsbildgenerator auf ein Motiv oder eine Kategorie einzugrenzen, und senden Sie dieselben Filter an /v2/list, um passende Fotos zu durchsuchen.
Wiederholbare Seeds
Fügen Sie einen Seed hinzu, damit dasselbe Lorem Picsum-Foto in Design-Reviews erneut erscheint, auch wenn sich die angeforderten Abmessungen ändern.
Graustufen- und Weichzeichner-Effekte
Wenden Sie Graustufen an, um den Kontrast ohne Farbe zu beurteilen, oder fügen Sie eine Weichzeichnung von 1 bis 10 für Textüberlagerungen und Lade-Skelette hinzu; beide Effekte lassen sich kombinieren.
JPEG- oder WebP-Ausgabe
Behalten Sie JPEG als Standard bei oder fügen Sie .webp hinzu, um eine WebP-Pipeline zu testen und eine kleinere Datei auszuliefern; das Format bleibt im kopierten Link explizit angegeben.
Schlüsselfreie Picsum-Bild-API
Fügen Sie eine URL der Picsum-Bild-API ohne Schlüssel oder Anmeldung in ein img-Tag oder einen Browser ein; das macht den Dienst einfach in Prototypen und automatisierten Prüfungen nutzbar.
Fotometadaten und IDs
Durchsuchen Sie Fotoeinträge mit ID, Abmessungen, Kategorie, Tags, Bildnachweisen und Download-URL oder öffnen Sie /id/{id}/info für einen einzelnen Fotoeintrag.
Anwendungsfälle für Lorem Picsum
Prototypen und Wireframes
Verwenden Sie Platzhalterfotos statt grauer Kästen, um zu zeigen, wie sich ein Layout mit echten Motiven anfühlt, während der Zufallsbildgenerator exakte Abmessungen füllt.
Design-Reviews und Mockups
Teilen Sie einen mit Seed versehenen Lorem Picsum-Link, damit Reviewer dasselbe Foto und denselben Ausschnitt sehen; so bleibt das Mockup-Feedback auf das Layout konzentriert statt auf Bildänderungen.
Automatisierte Screenshot-Tests
Legen Sie einen Seed oder eine Foto-ID fest, stellen Sie exakte Breite und Höhe ein und wählen Sie JPEG oder WebP, um visuelle Tests reproduzierbarer zu machen.
Lade-Skelette und Textüberlagerungen
Fügen Sie Weichzeichnung und Graustufen hinzu, um weiche Hintergrundbilder für Skeleton-Screens, Hero-Platzhalter oder textlastige Bereiche zu erstellen.
Open-Source-Demos und Tutorials
Verwenden Sie CC0-Fotos in Demos, Beispielen und Dokumentationen, ohne Stockbilder von Hand auszuwählen oder Genehmigungen hinterherzujagen.
So verwenden Sie Lorem Picsum
- Öffnen Sie Lorem Picsum und wählen Sie eine Größe, etwa 640 × 640 für ein Quadrat oder 1200 × 800 für einen breiten Block.
- Erstellen Sie die Bild-URL mit Breite und Höhe und fügen Sie dann optionale Parameter für Tag, Kategorie, Seed, Graustufen, Weichzeichnung oder .webp hinzu.
- Kopieren Sie den Bildlink oder laden Sie die JPEG- oder WebP-Datei aus der Vorschau herunter.
- Platzieren Sie den Link in einem HTML-img-Tag mit width-, height- und alt-Attributen oder verwenden Sie ihn in einem Build-Tool oder Test-Runner.
- Durchsuchen Sie /v2/list oder /id/{id}/info, wenn ein Projekt bestimmte Fotometadaten, IDs oder wiederholbare Einträge benötigt.
Zielgruppe von Lorem Picsum
- Frontend-Entwickler und UI-Designer, die Platzhalterfotos in Layouts benötigen
- QA-Ingenieure und Testautomatisierungsteams, die stabile Bild-URLs benötigen
- Produktteams, die Prototypen, Demos und Design-Reviews erstellen
- Lehrkräfte und Studierende, die HTML, CSS und responsives Layout lernen
- Open-Source-Maintainer und technische Redakteure, die CC0-Fotos benötigen
- Content-Ersteller, die schnelle Zufallsbild-Beispiele für Mockups benötigen
Ist Lorem Picsum kostenlos?
Die bereitgestellte Referenz führt keine kostenpflichtigen Pläne auf. Der Zugriff scheint kostenlos zu sein, und für die Picsum-Bild-API sind kein API-Schlüssel und keine Anmeldung erforderlich. Eine einfache Plan-Tabelle sieht so aus:
| Plan | Preis | Funktionen |
|---|---|---|
| Kostenlos | 0 $ | 10.000 CC0-Fotos, Zufallsbildgenerator, benutzerdefinierte Größen bis 2.000 Pixel, Tags, Seeds, Graustufen, Weichzeichnung, JPEG und WebP, Fotometadaten |
In den Referenzinformationen wird keine kostenpflichtige Stufe beschrieben. Nutzer sollten die offizielle Website prüfen, falls sich Preise oder Nutzungsbedingungen ändern.
Vor- und Nachteile von Lorem Picsum
| Aspekt | Vorteile | Nachteile |
|---|---|---|
| Preise | Kostenloser Zugriff; kein API-Schlüssel oder Anmeldung beschrieben | Kein kostenpflichtiger Support und keine Service-Level-Vereinbarung aufgeführt |
| Funktionen | Seeds, Tags, Graustufen, Weichzeichnung, WebP und Metadaten decken gängige Mockup-Anforderungen ab | Benutzerdefinierte Größen und Effekte nutzen ein gemeinsames On-Demand-Kontingent |
| Fotos | 10.000 CC0-Fotos liefern echte Motive für Mockups | Die Sammlung ist fest und keine vollständige Stockfoto-Bibliothek |
| Einrichtung | Die URL-basierte Nutzung ist schnell für img-Tags, Build-Tools und Test-Runner | Erweiterte Optionen erfordern das Erlernen von URL-Parametern |
| Anwendungsfälle | Stark für Prototypen, Design-Reviews und Screenshot-Tests | Nicht als endgültige kuratierte Stockfotografie gedacht |
Häufig gestellte Fragen zu Lorem Picsum
Wofür wird Lorem Picsum verwendet?
Lorem Picsum wird verwendet, um Layouts, Prototypen, Demos und Test-Fixtures mit echten Bildern zu füllen. Der Zufallsbildgenerator liefert ein zugeschnittenes Foto in der angeforderten Größe, sodass Nutzer keine Bilder von Hand auswählen müssen.
Wie funktioniert der Zufallsbildgenerator?
Ein Nutzer gibt eine Breite und Höhe ein, und der Zufallsbildgenerator wählt ein passendes Foto aus der Lorem Picsum-Sammlung aus. Jede Anfrage kann ein anderes Bild zurückgeben, sofern kein Seed oder keine Foto-ID verwendet wird.
Können Nutzer jedes Mal dasselbe Foto erhalten?
Ja. Fügen Sie einen Seed hinzu, um dasselbe Quellfoto über mehrere Anfragen hinweg zu wiederholen, oder kopieren Sie eine ID-basierte URL, um ein bestimmtes Lorem Picsum-Bild festzulegen. Seeds sind nützlich für Design-Reviews und Screenshot-Tests.
Ist die Picsum-Bild-API kostenlos und schlüsselfrei?
Laut den Referenzinformationen benötigt die Picsum-Bild-API keinen Schlüssel und keine Anmeldung. Nutzer können eine URL direkt in ein img-Tag oder einen Browser einfügen, was den Dienst einfach testbar macht.
Welche Größen und Formate werden unterstützt?
Die API unterstützt Breiten und Höhen von 1 bis 2.000 Pixeln. JPEG ist der Standard, und Nutzer können .webp hinzufügen, um WebP-Ausgabe anzufordern, ohne den Seed oder den Ausschnitt zu ändern.
Können die CC0-Fotos in kommerziellen Projekten wiederverwendet werden?
Die Fotos sind als CC0 gekennzeichnet, und jedes Foto verlinkt auf seine Quelle und seinen Urheber. Nutzer sollten den ursprünglichen Eintrag prüfen und nach Wunsch eine Quellenangabe machen, insbesondere bei kommerzieller oder veröffentlichter Arbeit.
Lorem Picsum-Tags
Lorem Picsum, Zufallsbildgenerator, Platzhalterfotos, CC0-Fotos, Picsum-Bild-API, Platzhalterfoto-Dienst, Zufallsbild-API, kostenlose Platzhalterbilder, WebP-Platzhalterbilder, Seed-Bildgenerator, Prototyp-Bilder, Test-Fixture-Bilder
