Softonic

Lorem Picsum Galerie

Schritt 1 / 2
Weiter

Lorem Picsum bietet lizenzfreie Fotos über eine einfache URL-API an, https://picsum.photos/{width}/{height} gibt ein Bild in jeder Größe zurück. Diese Galerie ermöglicht es Ihnen, Breite, Höhe, Seed, Unschärferadius und Graustufen auszuwählen und kopiert dann die bereit zum Einfügen URL (oder ein <img>-Tag), sodass Sie fotografische Platzhalter direkt in Figma, Ihre Blade-Ansicht oder eine React-Komponente einfügen können, ohne nach Stockbildern suchen zu müssen.

So verwenden Sie die Galerie

  1. 1

    Bildabmessungen festlegen

    Breite und Höhe in Pixeln. Häufige Größen wie 800×600 oder 1200×630 sind als Voreinstellungen verfügbar.

  2. 2

    Modifikatoren auswählen

    Unschärfe (0–10), Graustufen, fester Seed für reproduzierbare Bilder, WebP- oder JPEG-Format.

  3. 3

    Durchsuchen Sie das Vorschau-Raster

    Mehrere zufällige Proben werden geladen, sodass Sie eine auswählen können, die Ihnen gefällt.

  4. 4

    Kopieren Sie die URL

    Holen Sie sich die einfache URL, das vollständige `<img>`-Tag oder die Markdown-Bildsyntax.

URL-Anatomie

Basis-Endpunkt:

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

Plus optionale Abfrage- und Pfadteile:

Variante Beispiel Effekt
Quadrat-Kurzform /200 → dasselbe wie /200/200 Quadratbild
Fester Seed /seed/cat/400/300 Gibt immer dasselbe Foto zurück
Bestimmte Foto-ID /id/237/400/300 Fixiert auf Bild 237 in der Sammlung
Graustufen /400/300?grayscale Monochromfilter
Unschärfe /400/300?blur=5 Gaußsche Unschärfe, 1–10
Format /400/300.webp Erzwingt ein Dateiformat
Zufällig bei jedem Laden Nur die URL Neues Foto bei jedem Refresh

Wann man es verwenden sollte vs. echte Stockbilder

  • Gut: Wireframes, Design-Reviews, interne Demos, Testfixtures, Lazy-Loading-Experimente.
  • Nicht gut: Produktions-Marketingseiten, Hero-Bilder, soziale Vorschauen. Hotlinking zu jemand anderem’s kostenloser Bilddienst für echten Traffic ist unhöflich und fragil, das Foto kann ohne Vorankündigung wechseln.

Tipps

  • Einen Seed festlegen, wenn Sie Designs für Dokumentationen screenshotten; andernfalls ändert sich das Bild beim nächsten Öffnen der Seite.
  • Sehen Sie sich die Seitenverhältnisse Ihrer endgültigen Assets (16:9, 4:5, 1:1) an, damit Ihr Layout nicht springt, wenn Sie echte Fotos austauschen.
  • Verwenden Sie Unschärfe für Tests von Platzhalter-zu-echt Übergängen (LQIP-Muster), die Unschärfeausgabe von Picsum ahmt wider, wie ein Platzhalter für ein niedrig aufgelöstes Bild aussehen würde.
  • Fordern Sie WebP an für leichtere Seiten während der Entwicklung.

Häufig gestellte Fragen

Technisch gesehen sind die Fotos Unsplash-lizenziert, aber Hotlinking zu picsum.photos aus der Produktion wird nicht empfohlen, verwenden Sie es für Prototypen und laden Sie das Asset herunter (oder gehen Sie zur ursprünglichen Unsplash-Quelle) für die Nutzung in der Produktion.

Ohne einen Seed oder eine ID liefert die API bei jeder Anfrage ein zufälliges Foto. Verwenden Sie /seed/deinwort/... oder /id/123/..., um es festzulegen.

Lorem Picsum ist ein kostenloser Dienst auf Cloudflare und hat angemessene Ratebegrenzungen. Für umfangreiche Test-Suiten oder Lasttests laden Sie eine lokale Kopie herunter und bedienen Sie sie von Ihrem eigenen Host.

Ja, der Dienst ist nur HTTPS. Alle generierten URLs beginnen mit https://.

Nur für die Vorschau-Thumbnails, die direkt von picsum.photos geladen werden. Keine Daten über Ihre Größen- oder Seed-Auswahl werden von dieser Galerie selbst an Dritte gesendet.

Verwandte Tools

ASCII-Tabelle Referenz

Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.

HTML-Zeichenreferenz

Durchsuchbare Liste von HTML-Entitäten, ihren benannten und numerischen Codes sowie eine Ein-Klick-Kopie für Sonderzeichen und Symbole.

Farbrad-Explorer

Erforschen Sie das Farbrad interaktiv. Rotieren Sie Harmonien, vergleichen Sie HSL mit RYB, erkennen Sie komplementäre und triadische Paare in Echtzeit.

Referenz für Tastenkombinationen

Durchsuchen Sie dokumentierte Standardkürzel für VS Code, Chrome und Bash mit GNU Readline unter macOS, Windows und Linux.

CSS-Scrollbar-Generator

Passen Sie das Erscheinungsbild der Bildlaufleiste per CSS an. Modernes scrollbar-color / scrollbar-width und das ältere ::-webkit-scrollbar für breite Browser-Unterstützung.

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

Tool in anderen Sprachen verfügbar