picsum.photos – Lorem Picsum Bilder für die Webentwicklung mit Fotos von unsplash.com

Dezember 29, 2025 3 Minuten Lesezeit

Allgemeines zu Lorem Picsum

  • Lorem Picsum zeigt Zufallsbilder als Platzhalter.
  • Größe des Bildes (Breite und Höhe) in der URL angeben:
    Beispiel: https://picsum.photos/200/300

Quadratische Bilder

  • Für ein quadratisches Bild nur eine Zahl:
    Beispiel: https://picsum.photos/200

Bestimmte Bilder anzeigen

  • Man kann ein bestimmtes Bild auswählen mit der Bild-ID:
    Beispiel: https://picsum.photos/id/237/300

Gleiches Zufallsbild (Seed-Funktion)

  • Jedes Mal das gleiche Zufallsbild erhält man mit einem „Seed“:
    Beispiel: https://picsum.photos/seed/picsum/300/200

Schwarz-Weiß-Bilder (Grayscale)

  • Für ein Schwarz-Weiß-Bild hängt man ?grayscale an die URL:
    Beispiel: https://picsum.photos/200/300?grayscale

Verschwommene Bilder (Blur)

  • Für ein unscharfes Bild hängt man ?bluran die URL an:
    Beispiel: https://picsum.photos/200/300/?blur
  • Den Grad der Unschärfe kann man mit 1 – 10 angeben:
    Beispiel: https://picsum.photos/200/300/?blur=2

Kombinationen von Effekten

  • Mehrere Funktionen lassen sich kombinieren (z. B. Schwarz-Weiß + Blur + bestimmte ID):
    Beispiel: https://picsum.photos/id/870/200/300?grayscale&blur=2

Mehrere Zufallsbilder gleichzeitig

  • Um mehrere Bilder mit gleicher Größe abzurufen, hängt man ?random=1, ?random=2 usw. an:
    Beispiel:
<img src="https://picsum.photos/200/300?random=1">

<img src="https://picsum.photos/200/300?random=2">

Bildformate

  • Für ein Bild im JPG-Format:
    https://picsum.photos/200/300.jpg
  • Oder im WebP-Format:
    https://picsum.photos/200/300.webp

Bildliste anzeigen

Bildinformationen abrufen

Infos zu einem bestimmten Bild:

Weitere Infos

Lorem Picsum

Die Bilder stammen von Unsplash, das Projekt wurde erstellt von David Marby & Nijiko Yonskai. 

Letzte Änderung am Dezember 29, 2025