Einbinden
Platzhalter-Bilder per URL einbinden
Eine stabile Bild-URL mit Breite × Höhe und Format spart Stockfotos und leere Graukästen. So nutzt du dummyimages.dev in Markup, Styles und Komponenten.
Die URL-Struktur
Öffentliche Testbilder folgen dem Schema /{breite}x{höhe}.{format}, optional mit Query-Parametern für Hintergrund, Textfarbe, Text, Qualität und Muster. Beispiel: /1200x630.webp?background=18181b&text=Hero. Die Antwort ist eine echte Bilddatei mit Cache-Headern — geeignet für CDN und Staging.
HTML und Markdown
Im einfachsten Fall reicht ein img-Tag mit der generierten URL als src. In Docs und READMEs funktioniert dieselbe URL in Markdown-Bildern. Achte auf sinnvolle alt-Texte („Platzhalter 1200×630“), damit Layout-Reviews und Accessibility-Checks nachvollziehbar bleiben.
CSS und Design-Tokens
Für Hintergrundflächen kannst du background-image: url("…") nutzen. In Design-Systemen hilft eine feste Dummy-URL, Komponenten ohne Asset-Pipeline zu demonstrieren. Wechsle Format und Größe, um object-fit, aspect-ratio und Lazy-Loading zu prüfen.
Frameworks und Apps
In React/Vue setzt du die URL als String-Prop; in Laravel Blade als asset-fremde absolute URL von dummyimages.dev. Für lokale Offline-Demos lieber den Download-Button im Generator nutzen und die Datei versionieren — die Live-URL braucht Netz.
Vom Generator zur fertigen URL
Öffne den Testbild-Generator, wähle Größe und Format, klicke auf Vorschau erzeugen und kopiere Bild-URL, HTML- oder CSS-Snippet. So vermeidest du Tippfehler in Query-Parametern und hast sofort eine Teilbare Referenz für das Team.
Häufige Fragen
Brauche ich einen API-Key?
Nein. Die Bild-URLs sind öffentlich und ohne Authentifizierung nutzbar.
Werden die Bilder gespeichert?
Sie werden on demand erzeugt und können vom CDN/Browser gecacht werden. Es gibt keinen persönlichen Medienordner.
Welche Formate gehen?
JPG, PNG, WebP, AVIF und GIF — je nach Endung bzw. Einstellung im Generator.