Platzhalterbild-Generator
Erzeuge Platzhalterbilder im SVG-Format mit den gewünschten Maßen, Hintergrundfarben und Text. Lade sie herunter oder kopiere direkt die URL/Data-URI.
Einstellungen
Vorschau
<img src="data:image/svg+xml;base64,…" width="1280" height="720" alt="placeholder">
const img = new URL("/placeholder.png", import.meta.url);
So funktioniert: Platzhalter
- 1Wähle ein Preset oder gib Breite und Höhe in Pixeln ein.
- 2Passe Text, Farben und Format an.
- 3Lade das Bild herunter oder kopiere den Einbettungscode.
Wofür ist es gut?
- Mockups mit Bildern in exakter Größe füllen.
- Responsive Layouts testen, bevor die finalen Fotos da sind.
- Beispielbilder für Vorlagen und Dokumentation erstellen.
Platzhalterbilder für das Layout
Wozu
Sie reservieren den Platz eines Bildes, solange das endgültige Material fehlt, sodass Layout und Proportionen geprüft werden können.
Layoutverschiebungen vermeiden
Setzen Sie im HTML stets echte Breite und Höhe: Der Browser reserviert den Platz und vermeidet Cumulative Layout Shift (CLS), eine Core-Web-Vitals-Metrik.
Formate
Die erzeugten Bilder sind leicht und laden sofort. Ersetzen Sie sie vor der Veröffentlichung durch optimierte echte Bilder.
Verwandte Tools
Häufig gestellte Fragen
Welche Formate erzeugt es?+
Es erzeugt skalierbares SVG und dessen Data-URI-Darstellung zur Verwendung in <img> ohne Dateien.