Platzhalterbild-Generator (Beispielbilder erstellen)

Erzeuge direkt im Browser ein Beispielbild, indem du Breite, Höhe, Hintergrundfarbe und Textfarbe festlegst, und lade es als PNG herunter. Das Bild wird niemals an einen Server gesendet.

Gängige Größen für Beispielbilder

Größe Typische Verwendung
300×200 Platzhalter für ein kleines Banner oder einen Werbeplatz
800×600 Bild innerhalb eines Blogartikels oder vorübergehendes Wireframe-Bild
1200×630 OGP-Bild für Facebook- und X-(Twitter-)Share-Karten
1080×1080 Quadratischer Beitrag für Instagram und andere soziale Netzwerke
1920×1080 Full-HD-Hauptbild oder Hintergrund für Diashows
640×360 16:9-Video-Vorschaubild oder Vorschaubild für Karten-UIs

Tipps

  • Mit der Voreinstellung "1200×630 (OGP)" erhältst du sofort die Standardgröße, die in Facebook- und X-(Twitter-)Share-Karten ohne Beschneidung angezeigt wird.
  • Lässt du den Überlagerungstext leer, werden automatisch die Zahlen "Breite×Höhe" angezeigt, sodass sich Größen beim Vergleich mehrerer Wireframes auf einen Blick unterscheiden lassen.
  • Hintergrund- und Textfarbe lassen sich per Farbwähler auswählen oder direkt als Hexadezimalcode eingeben, sodass sie exakt zur Palette deines Design-Mockups passen.
  • Das erzeugte Bild wird nur auf dein lokales Gerät heruntergeladen — es wird niemals an den Server dieser Website gesendet oder dort gespeichert.

Häufig gestellte Fragen

Sie dienen als vorübergehende "Dummy-Bilder" in Website- oder App-Mockups und Wireframes, wenn das endgültige Foto oder die Illustration noch nicht fertig ist. So lässt sich das Layout prüfen und mit der Programmierung fortfahren, ohne auf die fertigen Materialien warten zu müssen.

Nein. Dieses Tool zeichnet und kodiert das PNG vollständig innerhalb deines Browsers mithilfe des -Elements, sodass die Bilddaten niemals irgendwohin hochgeladen werden. Beim Klick auf die Download-Schaltfläche wird es direkt auf deinem eigenen Gerät gespeichert.

Große soziale Netzwerke wie Facebook und X (Twitter) empfehlen 1200×630px (ein Seitenverhältnis von etwa 1,91:1). Eine deutlich kleinere Größe kann unscharf wirken, und ein abweichendes Seitenverhältnis kann bei der Anzeige unerwartet beschnitten werden.

Dieses Tool akzeptiert Werte von 1px bis 4000px. Da jeder Browser eigene implementierungsbedingte Grenzen für das -Element hat, sollten extrem große Größen wie mehrere Zehntausend Pixel pro Seite vermieden werden.
ツールくん

Übrigens – die Kultur der Platzhalterbilder

Im Webdesign ist es seit Langem üblich, Platzhalterbilder als vorübergehenden Ersatz zu verwenden, solange die endgültigen Fotos oder Illustrationen noch nicht fertig sind. Das folgt derselben Idee wie der Blindtext "Lorem Ipsum", der in der Druckbranche für unfertige Texte verwendet wird, nur eben auf Bilder angewendet.

Ein 2014 gestarteter Dienst namens "Lorem Picsum" wurde als weitverbreiteter Platzhalterbild-Dienst bekannt, der zufällig echte Fotografien liefert. Da er allein durch Angabe von Breite und Höhe in der URL ein Foto zurückgibt, wurde er in zahllosen Design-Mockups und Tutorials eingesetzt. Die Abhängigkeit von einem externen Dienst ist jedoch für Offline-Arbeiten oder Projekte mit hohen Vertraulichkeitsanforderungen nicht immer praktisch.

Dieses Tool verfolgt einen anderen Ansatz: Es erzeugt sofort ein einfarbiges Bild mit einer Textbeschriftung, vollständig innerhalb des des Browsers, ohne auf einen externen Dienst angewiesen zu sein. Es wirkt nicht so realistisch wie eine Fotografie, reicht aber völlig aus, um Größen und Seitenverhältnisse zu prüfen oder das Layout eines Social-Share-Bildes zu testen — für Situationen, in denen einfach sofort ein Bild mit der richtigen Größe benötigt wird.