Platzhalterbild-Generator — Dummy-Bilder in jeder Größe
Erstelle ein Dummy-Bild in jeder Größe mit deinen Farben und einer Beschriftung und lade es als PNG, JPG, WebP oder SVG herunter. Vorlagen für Social Media, Anzeigen und Hero-Banner.
Data-URLs lassen sich direkt in ein <img src> oder einen CSS-Hintergrund einfügen – für ein Mockup ohne externe Anfrage.
1200 × 630 px · 1.90:1
Die Bilder werden in deinem Browser gezeichnet; nichts wird hochgeladen. Alle kostenlosen Tools ansehen.
Ein Problem gefunden oder etwas, das besser sein könnte? Wir lesen jede Nachricht und beheben Fehler schnell.
Dieser kostenlose Platzhalterbild-Generator erstellt Dummy-Bilder für Mockups, Wireframes und Layouttests: Wähle eine Größe oder eine Vorlage (das Teilen-Bild mit 1200 × 630, ein quadratisches Instagram-Bild, ein Hero-Banner, eine Leaderboard-Anzeige), such die Farben aus, füge eine Beschriftung hinzu und lade ein PNG, JPG, WebP oder SVG herunter. Die Maße stehen auf dem Bild, sodass jeder, der das Mockup ansieht, weiß, was dort hingehört.
Platzhalterdienste, die dir eine URL liefern, sind bequem – bis der Dienst langsam ist, Anfragen drosselt oder verschwindet und die Kundenpräsentation vom letzten Jahr voller kaputter Bilder ist. Eine erzeugte Datei hat keines dieser Probleme. Sie ist auch das richtige Werkzeug zum Testen: Ein Satz exakt bemessener Dummy-Bilder findet das Layout, das bei 300 × 250 bricht, bevor es eine echte Anzeige tut.
So funktioniert’s
- Klicke auf eine Vorlage oder gib Breite und Höhe in Pixeln ein.
- Lege Hintergrund- und Textfarbe fest. Mittelgrau auf Hellgrau wirkt wie ein Platzhalter; Markenfarben ergeben ein überzeugendes Mockup.
- Füge eine Beschriftung wie „Hero-Bild“ oder „Produktfoto“ hinzu und lass die Maße anzeigen, damit die Größe offensichtlich ist.
- Wähle PNG für den allgemeinen Gebrauch, JPG für Fotoplätze, WebP fürs Web oder SVG, wenn das Bild skalieren muss.
- Lade es herunter oder kopiere den SVG-Code oder eine Data-URL, um sie direkt in HTML oder CSS einzufügen.
Häufige Fragen
Was ist ein Platzhalter- oder Dummy-Bild?
Ein vorläufiges Bild, das in einem Design, Prototyp oder Test anstelle des endgültigen verwendet wird, meist eine einfarbige Fläche mit aufgedruckten Maßen. Es hält den Platz frei, zeigt das Seitenverhältnis und macht deutlich, dass das echte Asset noch kommt.
Warum eine Datei erzeugen statt eine Platzhalter-URL zu nutzen?
Eine URL hängt davon ab, dass ein Drittanbieterdienst für immer erreichbar, schnell und kostenlos bleibt. Dateien nicht. Erzeugte Dateien funktionieren außerdem offline, in E-Mail-Mockups, in PDFs und in jedem Tool, das keine externen Bilder laden kann, und sie verraten deine unfertige Arbeit nicht an die Logs eines Dienstes.
Welches Format sollte ich wählen?
PNG ist die sichere Standardwahl. JPG, wenn an der Stelle später ein Foto steht und die Dateigröße des Mockups realistisch sein soll. WebP für Web-Mockups. SVG, wenn der Platzhalter ohne Verpixelung skalieren muss oder du den Code bearbeiten willst, etwa um die Beschriftung in einer Vorlage zu ändern.
Kann ich diese Bilder auf einer Live-Website verwenden?
Kannst du, solltest du aber nicht lange. Ein Platzhalter, der live geht, signalisiert Besuchern und Suchmaschinen, dass die Seite unfertig ist. Nutze sie auf Staging und in Entwürfen und ersetze sie vor dem Launch durch echte Bilder.
Welche Größen brauche ich 2026 für Social Media?
Teilen-Bild für Links (Open Graph): 1200 × 630. Instagram-Feed: 1080 × 1080 oder 1080 × 1350. Storys und Reels: 1080 × 1920. Feed-Bilder für LinkedIn und X: 1200 × 627 passt für beide. YouTube-Thumbnail: 1280 × 720. Die Vorlagen decken diese ab.
Platzhalterbilder als Testwerkzeug
Erzeuge für jeden Bildplatz ein Dummy-Bild in genau der vorgesehenen Größe und setz den Satz in deine Vorlage ein. Alles, was sich streckt, beschnitten wird oder überläuft, ist ein Layoutfehler, den du gefunden hast, bevor die echten Fotos da sind. Erzeuge dann dieselben Plätze im falschen Seitenverhältnis (ein Quadrat, wo ein breites Bild hingehört), um zu sehen, wie das Layout mit dem umgeht, was Redakteure unweigerlich hochladen werden.
Ähnliche kostenlose Tools
- Lorem-Ipsum-Generator — Erzeuge Lorem ipsum oder lesbaren englischen Blindtext nach Absätzen, Sätzen oder Wörtern, als reinen Text, HTML oder Markdown.
- Bildgröße ändern — Verkleinere Bilder nach Prozent, auf exakte Pixelmaße oder auf eine Ziel-Dateigröße wie 500 KB – alles in deinem Browser.
- SVG-Editor — Zeichne Formen, Pfeile, Freihandlinien und Text auf einer Leinwand und lade ein sauberes SVG oder PNG herunter. Kostenlos, im Browser, ohne Anmeldung.