So nutzt du: Platzhalter-Bildgenerator
- Gib die Breite und Höhe ein oder klick auf eine voreingestellte Größe.
- Lege den Hintergrund (einfarbig oder Farbverlauf), die Textfarbe und die Beschriftung fest —
{w}und{h}die Maße festlegen. - Wähle PNG, JPG, WebP oder SVG aus und lade die Datei herunter – oder kopiere eine Daten-URI oder einen
<img>Tag, um es in deinen HTML-Code einzufügen. - Brauchst du ein Set? Öffne „Generate“, wähle verschiedene Größen aus, liste jeweils eine Größe pro Zeile auf und lade eine ZIP-Datei herunter.
Wann man Platzhalterbilder verwendet
Platzhalter füllen Bildplätze aus, solange das eigentliche Bildmaterial noch nicht fertig ist: Wireframes und Mock-ups, CMS-Vorlagen, Designsysteme, Testumgebungen und Startdaten. Wenn du jedes einzelne mit seiner Größe kennzeichnest, werden Layoutfehler sofort sichtbar – du siehst auf einen Blick, ob ein 1200 × 630-Platz tatsächlich ein 1200 × 630-Bild enthält.
Welches Format?
- SVG – ein paar hundert Byte bei jeder Größe, perfekt inline in HTML oder als Daten-URI.
- PNG – exakte Farben und scharfer Text, für Uploads, die eine Rasterdatei erfordern.
- JPG / WebP – wenn ein System nur Fotos akzeptiert oder du realistische Dateigrößen für Leistungstests benötigst.
Gängige Größen
| Größe | Verwendung |
|---|---|
| 1200 × 630 | Open Graph / Link-Vorschau |
| 1920 × 1080 | Full-HD-Hero, 16:9-Video-Miniaturansicht |
| 1080 × 1080 | Quadratischer Social-Media-Beitrag |
| 300 × 250, 728 × 90, 160 × 600 | IAB-Anzeigenformate |
Erstelle ein echtes Vorschaubild mit dem OG-Bildgenerator, konvertiere Dateien mit Bildern in Base64 und fülle Layouts mit Text aus dem Lorem-Ipsum-Generator.
Auch gesucht als: platzhalterbild, generator für platzhalterbilder, platzhalter-svg, bildplatzhalter, gefälschtes bild, testbildgenerator.
Passende Tools zu: Platzhalter-Bildgenerator
- Generator für Scheindaten — Erstelle bis zu 10.000 Zeilen realistischer Testdaten – Nutzer, Produkte, Bestellungen, Adressen, Unternehmen oder verschachtelte API-Datensätze – oder erstelle dein eigenes Schema.
- Bildgrößenänderer — Passe die Größe eines Fotos auf exakte Pixelabmessungen oder einen Prozentsatz an, schneide es so zu, dass es die Größe eines Social-Media-Beitrags ausfüllt, oder passe es in einen Rahmen mit einer Hintergrundfarbe ein – alles direkt in deinem Browser.
- Barcode-Generator — Erstelle scanbare Barcodes für Produkte, Lagerbestände, Versand und Bibliotheken – die Prüfziffern werden automatisch berechnet, und du kannst eine gestochen scharfe SVG-Datei zum Ausdrucken oder eine PNG-Datei für Dokumente herunterladen.
- QR-Code-Scanner — Richte deine Kamera auf einen QR-Code oder lade ein Bild oder einen Screenshot hoch, der einen solchen enthält.
Häufige Fragen
Darf ich diese Bilder kommerziell nutzen?
Ja. Sie werden auf deinem Gerät erstellt und enthalten ausschließlich deinen eigenen Text und deine eigenen Farben – es ist keine Lizenz und keine Quellenangabe erforderlich.
Wie verwende ich die Daten-URI?
Füge es als
src eines <img> oder in CSS url()ein. Dadurch wird das Bild in deinen Code eingebettet, sodass keine Datei gehostet werden muss.Wie groß darf es maximal sein?
Bis zu 8000 × 8000 Pixel; darüber hinaus begrenzen Browser den Canvas-Speicher. Bei der SVG-Ausgabe gibt es praktisch keine Begrenzung.
Kann ich Platzhalter-Bildgenerator als Web-App installieren und offline nutzen?
Ja. Platzhalter-Bildgenerator ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.