Platzhalterbild-Generator | Kostenloses Online-Tool

Ein Platzhalterbild ist eine temporäre Grafik, die Platz in einem Layout füllt, bevor die echten Inhalte fertig sind. Designer nutzen sie in Wireframes, Mockups und Prototypen, um zu markieren, wo finale Bilder hinkommen.

Unser kostenloser Platzhalterbild-Generator ist ein Dummy-Bild-Generator, der eigene Bilder mit beliebiger Größe, Farbe und Text erstellt. Keine Anmeldung — läuft in deinem Browser.

So erzeugst du Platzhalterbilder

1. Größe festlegen — Trag Breite und Höhe in Pixeln ein oder wähl ein Preset (300x250, 728x90, 1200x630).
2. Farben wählen — Wähle Hintergrund- und Textfarben mit Hex-Codes oder dem Farbwähler.
3. Text hinzufügen — Tippe eigenen Text oder lass es leer, um die Maße anzuzeigen.
4. Format wählen — Lade als PNG, JPG oder SVG herunter. Kopiere die URL zum Einbetten.

Brauchst du Hex-Werte? Unser Farbwähler zieht Farben aus jedem Bild.

Häufige Größen für Platzhalterbilder

Jedes Projekt braucht eigene Größen. Hier sind die gängigsten:

Die ganze Liste findest du in unserem Guide zu Bildgrößen für soziale Medien. Baust du Assets für den App Store? Unter App-Store-Screenshot-Größen findest du die aktuellen Specs.

Platzhalterbilder im Code nutzen

Füge ein Foto-Platzhalterbild direkt in HTML oder CSS per URL ein. Viele Entwickler nutzen Dienste wie placehold.co für schnelle Builds:

<img src="https://placehold.co/600x400" alt="Placeholder" />

Du kannst auch einen Platzhalterbild-CSS-Hintergrund setzen:

.hero {
  background-image: url('https://placehold.co/1200x630/222/fff');
  background-size: cover;
}

Wenn deine echten Bilder fertig sind, tausch die URLs aus. Musst du erst Bilder verkleinern? Unser Bild-Resizer erledigt das kostenlos.

Gesponsert von den Machern

Genug von langweiligen Screenshots? Probier ScreenSnap Pro.

Wunderschöne Hintergründe, professionelle Annotationen, GIF-Aufnahme und sofortiges Cloud-Sharing — alles in einer App. Einmalig 29 $, für immer deins.

Sieh, was es kann

Profil- und Porträt-Platzhalterbilder

Ein Profil-Platzhalterbild ist ein Standard-Avatar, der angezeigt wird, wenn ein Nutzer noch kein Foto hochgeladen hat — manchmal Platzhalterbild-Person-Silhouette genannt. Die klassische graue Form geht, aber du kannst auch gebrandete Versionen mit eigenen Farben und Initialen bauen.

Für Porträt-Platzhalterbilder nutze ein 1:1-Verhältnis (200x200 oder 400x400). Pass dich den Farben deiner App an, damit der Platzhalter wie Teil des Designs wirkt.

Musst du Farben aus einem Live-Design holen? Der Farbpaletten-Extraktor zieht die Hauptfarben aus jedem Bild.

Tipps für Designer zu Platzhalterbildern

• Pass dich an dein Raster an. Setz Größen entsprechend deinen tatsächlichen Layout-Spalten, damit der Abstand stimmt.
• Nutze echte Seitenverhältnisse. Ein 16:9-Platzhalter in einem 4:3-Slot versteckt Layout-Bugs, die du später findest.
• Beschrifte sie. Füge Text wie „Hero Image" hinzu oder nutze ein Bildplatzhalter-Icon, damit dein Team weiß, was wohin gehört.
• Teste in allen Größen. Setze Platzhalter in vielen Breiten ein, um Breakpoints früh zu finden. ScreenSnap Pro macht es einfach, Screenshots zu erfassen und zu annotieren — Layouts in jeder Viewport-Größe.

Häufig gestellte Fragen

Was ist ein Platzhalterbild?

Ein Platzhalterbild ist eine temporäre Grafik, die einen Platz in einem Web-Layout füllt. Sie reserviert Platz, damit Designer und Entwickler Seiten bauen können, bevor die finalen Fotos fertig sind.

Welche Größe sollten Platzhalterbilder haben?

Pass die genaue Größe deiner finalen Bilder an. Für Social-Previews nutze 1200x630, für Profilfotos 400x400 und für Blog-Header 1200x675. Die richtige Größe verhindert Layout-Verschiebungen, wenn du echte Inhalte einsetzt.

Kann ich Platzhalterbilder im Produktivbetrieb nutzen?

Platzhalterbilder sind nur fürs Bauen und Testen gedacht. Suchmaschinen und Nutzer erwarten echte Inhalte auf Live-Seiten. Ersetze alle Platzhalter vor dem Launch.

Wie füge ich ein Platzhalterbild in HTML ein?

Nutze einen -Tag mit einer Service-URL: . Oder erzeuge eines mit unserem Tool und hoste es selbst.