Platzhalterbild-Generator

Generieren Sie einfache Platzhalterbilder in beliebiger Größe mit individuellen Farben und Text — nützlich für Mockups und Prototypen.

Studio · neutrale Umgebung
×

Funktionen

Breite und Höhe frei wählbar
Individuelle Farben
Eigener Text
Als PNG oder SVG herunterladen

Anleitung

1. Eine gängige Größe wählen (OG-Bild, Avatar, HD …) oder exakte Pixelmaße eingeben.

2. Hintergrund- und Textfarbe festlegen — das Schachbrett hilft, wenn der Platzhalter auf unbekanntem Untergrund landet.

3. Das PNG herunterladen oder als Data-URL kopieren und direkt in ein src-Attribut einfügen.

Über dieses Werkzeug

Während ein Layout entsteht, sind die echten Fotos oft noch nicht fertig, und Symbole für defekte Bilder erschweren es, Abstände zu beurteilen. Dieser Generator erstellt einfarbige Platzhalterbilder in exakten Pixelgrößen mit frei wählbarer Hintergrund- und Textfarbe, beschriftet mit ihren Maßen oder mit eigenem Text, damit alle wissen, wie das finale Bild aussehen muss. Vorlagen decken gängige Anforderungen ab – ein Open-Graph-Bild mit 1200 × 630, eine Twitter-Card mit 1600 × 900, einen quadratischen Beitrag mit 1080 × 1080, HD mit 1920 × 1080, 4:3, ein Banner mit 1500 × 500 und einen Avatar mit 400 × 400 –, oder Sie geben eine beliebige Breite und Höhe ein. Laden Sie das Ergebnis als PNG herunter oder kopieren Sie es als Data-URL und fügen Sie es direkt in das src-Attribut eines img in einem Prototyp, einer E-Mail-Vorlage oder Testdaten ein.

Häufig gestellte Fragen

Was ist eine Data-URL, und warum sollte ich sie kopieren?
Eine Data-URL enthält das ganze Bild als Text kodiert und beginnt mit data:image/png;base64. Sie können sie in ein <img src> oder einen CSS-Hintergrund einfügen, ohne eine Datei zu speichern oder zu hosten – praktisch für schnelle Prototypen.
Sollten Platzhalterbilder den endgültigen Maßen entsprechen?
Ja. Mit exakter Endgröße und exaktem Seitenverhältnis fallen Layoutverschiebungen, Beschnitt und Textumbrüche früh auf, sodass die echten Bilder ohne Überraschungen passen.
Wie groß sollte ein Open-Graph-Bild sein?
1200 × 630 Pixel ist die weithin empfohlene Größe für Link-Vorschauen auf Facebook, LinkedIn und in vielen Messenger-Apps. Halten Sie wichtigen Text von den Rändern fern, weil manche Plattformen quadratisch zuschneiden.
Warum einen Schachbrett- oder neutralen Hintergrund wählen?
Ein neutrales Grau oder ein Schachbrettmuster macht deutlich, dass es sich um einen Platzhalter handelt, und zeigt, wie das Bild auf unbekannten Hintergründen wirkt – so wird es seltener mit fertigem Bildmaterial verwechselt.
Kann ich diese Bilder im Produktivbetrieb verwenden?
Sie sind für Mockups und Entwicklung gedacht. Platzhalter auf einer Live-Website wirken unfertig, und Suchmaschinen finden keinen nützlichen Bildinhalt – ersetzen Sie sie daher vor dem Launch durch echte Bilder mit Alternativtext.

Verwandte Werkzeuge