Platzhalterbild-Generator
Platzhalterbilder in beliebiger Größe erzeugen: Farben und Text wählen, als SVG, Data-URL oder PNG herunterladen – lokal.
Der Platzhalterbild-Generator erzeugt Dummy-Bilder in beliebiger Größe bis 4000 Pixel. Du wählst Breite, Höhe, Hintergrund- und Textfarbe sowie einen eigenen Text, sonst steht die Größe im Bild. Das Ergebnis kopierst du als SVG, Data-URL, HTML oder CSS oder lädst es als SVG oder PNG herunter. Alles entsteht lokal im Browser.
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630"><rect width="1200" height="630" fill="#e2e8f0"/><text x="50%" y="50%" fill="#475569" font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif" font-size="160" font-weight="600" text-anchor="middle" dominant-baseline="central">1200 × 630</text></svg>Platzhalterbilder im Webdesign
Ein Platzhalterbild ist ein neutrales Bild mit der Größe des späteren Motivs. Es zeigt in Wireframes, Prototypen und Templates, wo Bilder hingehören und welches Seitenverhältnis sie haben. Der Generator liefert es als schlankes SVG oder als PNG.
Gängige Größen
| Verwendung | Größe |
|---|---|
| Social / Open Graph | 1200 × 630 |
| Full HD | 1920 × 1080 |
| Hero | 1600 × 900 |
| Karte | 800 × 600 |
| Quadrat | 400 × 400 |
| Avatar | 128 × 128 |
| Story | 1080 × 1920 |
So gehst du vor
- Größe und Farben wählen.
- Code kopieren oder Datei laden.
- Passende Bildgrößen für
srcsetberechnet der Responsive-Bilder-Rechner, das Seitenverhältnis der Seitenverhältnis-Rechner.
Beispiel
Für die Vorschau eines Blogartikels erzeugst du ein Bild mit 1200 × 630 Pixel, wie es
Social-Media-Karten nutzen. Die img-Zeile mit Data-URL fügst du in dein Template
ein, bis das echte Bild fertig ist. Die Vorschau beim Teilen kontrollierst du im Metadaten-Checker.
Häufige Fragen
Wozu brauche ich Platzhalterbilder?
In Entwürfen, Prototypen und Komponentenbibliotheken zeigen sie Größe und Seitenverhältnis von Bildern, bevor das echte Motiv vorliegt. So bleibt das Layout stabil und Lücken fallen früh auf.
SVG oder PNG?
SVG ist winzig, skaliert verlustfrei und lässt sich als Data-URL direkt einbetten. PNG eignet sich, wenn du eine Bilddatei brauchst, etwa für Design-Tools oder Systeme, die kein SVG annehmen.
Wie groß darf das Bild sein?
Bis 4000 × 4000 Pixel. Größere Werte werden begrenzt, damit der Browser nicht überlastet wird. Für SVG ist die Größe ohnehin nur eine Angabe, die Datei bleibt klein.
Werden Bilder von einem Server geladen?
Nein. Anders als bei Diensten, die Platzhalter über eine URL ausliefern, entsteht das Bild lokal. Es gibt keine Anfrage an Dritte und keine Abhängigkeit von einem externen Dienst.
Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.