Platzhalterbild-Generator
Dummy-Bilder für Mockups, Wireframes und Anzeigenplätze in jeder Größe, Farbe und jedem Format erstellen. Datei herunterladen oder als Data-URI kopieren – ganz ohne externen Platzhalter-Dienst.
- Sofortige Vorschau
- HTML und Data-URI
- Stapel als ZIP
- Kein Upload
Leer lassen, um die Größe anzuzeigen. {w}, {h} und {ratio} können an beliebiger Stelle im Text stehen.
Viele Größen auf einmal
Jede Größe als 300x250 schreiben. Alle Bilder erhalten die oben gewählten Farben und das gewählte Format. Bis zu 60 Größen.
So erstellen Sie ein Platzhalterbild
Drei Schritte – die Vorschau ändert sich schon beim Tippen.
- 1
Größe festlegen
Breite und Höhe in Pixeln eingeben oder eine gängige Größe wie 300 × 250, 1200 × 630 oder 1920 × 1080 wählen.
- 2
Aussehen wählen
Hintergrund, Textfarbe, Schrift und Text bestimmen. Bleibt der Text leer, steht die Größe auf dem Bild.
- 3
Herunterladen oder kopieren
Als PNG, JPG, WebP oder SVG speichern oder das Bild, eine Data-URI oder fertigen HTML-, CSS- und Markdown-Code kopieren.
Alles, was ein Platzhalter braucht
Für alle, die in Design oder Entwicklung sofort ein Dummy-Bild benötigen.
Jede Größe
Jede Breite und Höhe von 1 bis 8000 px, mit Vorgaben für Weblayouts, Anzeigenformate und Social Media.
Eigene Farben
Einfarbig, zweifarbiger Verlauf, Wireframe-Kreuz oder Streifen, dazu fertige Farbthemen.
Eigener Text
Eigene Beschriftung schreiben und mit {w}, {h} und {ratio} die Größe automatisch einsetzen.
Vier Formate
PNG, JPG und WebP als Pixelbild, SVG als kleinste Datei, die in jeder Größe scharf bleibt.
Retina-Dateien
Der Export in 2× und 3× liefert scharfe Bilder für hochauflösende Displays.
Als Code kopieren
Ein <img>-Tag, eine CSS-Hintergrundregel oder Markdown kopieren – auf Wunsch mit eingebettetem Bild.
Stapelexport
Eine Liste von Größen einfügen und alle Platzhalter in einer ZIP-Datei herunterladen.
Keine Abhängigkeit
Das Bild liegt als echte Datei im Projekt – nichts fällt aus, wenn ein Platzhalter-Dienst nicht erreichbar ist.
Was ist ein Platzhalterbild und wann ist es sinnvoll?
Ein Platzhalterbild ist ein neutrales Dummy-Bild, das den Platz eines echten Bildes reserviert, das noch nicht vorliegt. Im Design stehen Platzhalter in Wireframes und Mockups, in der Entwicklung in Templates, Shops und Themes, in der Werbung markieren sie Anzeigenplätze. Weil der Platzhalter exakt die Pixelgröße des späteren Bildes hat, lässt sich das Layout bauen und testen, bevor die Fotos eintreffen.
Viele Projekte laden Platzhalter über eine URL von einem externen Dienst. Das geht schnell, aber jeder Seitenaufruf hängt dann von einem fremden Server ab, schickt eine Anfrage dorthin und scheitert, wenn der Dienst langsam oder offline ist. Eine hier erzeugte Datei ist ein normales Bild, das im Projekt gespeichert oder als Data-URI eingebettet wird – es funktioniert auch offline, in E-Mail-Vorlagen und in automatisierten Tests.
In den meisten Fällen ist SVG das beste Format: Ein Platzhalter mit 600 × 400 ist nur wenige Hundert Byte groß und auf jedem Bildschirm scharf. PNG eignet sich, wenn ein Programm nur Pixelbilder annimmt, JPG oder WebP für Tests mit realistischen Dateitypen, und die 2×-Option, um ein Layout mit hochauflösenden Bildern zu prüfen. Die Attribute width und height gehören immer ins HTML, damit die Seite beim Laden nicht springt.
Gängige Platzhaltergrößen
| Verwendung | Größe in px | Seitenverhältnis |
|---|---|---|
| Open-Graph-Vorschaubild | 1200 × 630 | 1,91:1 |
| Full-HD-Hero oder Videobild | 1920 × 1080 | 16:9 |
| Medium Rectangle (IAB) | 300 × 250 | 6:5 |
| Leaderboard (IAB) | 728 × 90 | 8,09:1 |
| Instagram-Beitrag im Hochformat | 1080 × 1350 | 4:5 |
| Quadratischer Avatar oder Thumbnail | 400 × 400 | 1:1 |
Tipps
- Sobald die echten Bilder da sind, bringt Bildgröße ändern sie auf die reservierte Größe – so bleibt das Layout genau wie entworfen.
- Statt einer grauen Fläche ein echtes Vorschaubild gewünscht? Der OG-Bild-Generator erstellt Bilder in 1200 × 630 mit Titel, Logo und Hintergrund.
- Mit Social-Media-Bildgrößen entstehen aus einem Bild die fertigen Formate für jedes Netzwerk.
- Für Kundenpräsentationen eignet sich der Wireframe-Hintergrund: Das durchkreuzte Feld ist das klassische Zeichen für „hier kommt ein Bild hin“ und wird nie mit fertigem Design verwechselt.
Häufig gestellte Fragen
Keine Antwort gefunden? Schreiben Sie uns – wir antworten schnell.
Ist der Platzhalter-Generator kostenlos?
Ja. Es gibt keine Anmeldung, kein Wasserzeichen und keine Begrenzung der Bildanzahl. Die Platzhalter dürfen privat und kommerziell verwendet werden.
Werden meine Einstellungen oder Bilder an einen Server gesendet?
Nein. Das Bild wird im Browser mit dem Canvas Ihres Geräts gezeichnet, und der Download entsteht lokal. Es wird nichts hochgeladen.
Welches Format sollte ich wählen?
SVG ist für Websites die kleinste und schärfste Wahl. PNG, wenn ein Programm ein Pixelbild braucht, JPG oder WebP, wenn mit diesen Dateitypen getestet werden soll.
Was bedeutet 2× oder 3×?
Die Datei enthält in jede Richtung doppelt oder dreimal so viele Pixel, zum Beispiel 1200 × 800 px für einen Platzhalter mit 600 × 400. Im HTML bleibt die Größe 600 × 400, das Bild wirkt auf hochauflösenden Displays scharf.
Kann ich viele Größen auf einmal erstellen?
Ja. Unter Viele Größen auf einmal eine Größe pro Zeile eingeben, etwa 300x250, und bis zu 60 Platzhalter als ZIP-Datei herunterladen.
Was ist eine Data-URI?
Eine Data-URI enthält das ganze Bild als Text im HTML oder CSS, sodass keine eigene Datei angefordert wird. Praktisch für kleine Platzhalter, Prototypen und E-Mail-Vorlagen.
Weitere kostenlose Bild-Tools
Bilder verkleinern, komprimieren, umwandeln und bereinigen – schnell, kostenlos und privat, direkt im Browser.