Kostenloser Platzhalterbild-Generator

Der Placeholder Generator ist ein kostenloses Online-Tool, das Platzhalterbilder in beliebiger Größe und Farbe für Mockups, Wireframes und Prototypen erstellt.

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Bildgenerierung erfolgt clientseitig in deinem Browser.

Ja, der Placeholder Generator ermöglicht es dir, benutzerdefinierte Breite, Höhe, Hintergrundfarbe, Textfarbe und Anzeigetext festzulegen.

Absolut. Der Placeholder Image Generator verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Placeholder Image Generator ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Placeholder Image Generator in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldebarrieren oder Nutzungsbeschränkungen.

Der Placeholder Image Generator unterstützt gängige Bildformate wie PNG, JPG/JPEG, WebP und GIF. Einige Funktionen unterstützen je nach Tool auch SVG und BMP.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Placeholder Image Generator funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Passe den Platzhalter an den Slot an, den das echte Bild später füllen wird, damit das Layout mit realen Abmessungen geprüft und getestet werden kann. Für ein YouTube-artiges Thumbnail nimmst du 1280x720, ein übliches Social-Share-Bild ist 1200x630, ein Avatar liegt bei etwa 150x150, und ein Hero-Banner läuft oft mit 1920x1080. Für responsive Arbeit erstellst du am besten einen Platzhalter pro Breakpoint, um Abstände und Zuschnitt auf Mobilgerät, Tablet und Desktop zu prüfen, bevor überhaupt Artwork existiert. Dieser Generator akzeptiert jede Breite und Höhe von 1 bis 4096 Pixel und enthält Ein-Klick-Voreinstellungen für gängige Größen sowie exakte Plattform-Abmessungen für Instagram, Facebook, Twitter/X, YouTube, LinkedIn, Pinterest und TikTok. Standardmäßig zeigt das Bild seine eigenen Abmessungen an, wodurch eine falsche Größe sofort auffällt. Wähle oben eine Voreinstellung oder gib eigene Werte ein, um sofort einen passend dimensionierten Platzhalter zu erhalten.

Ein PNG ist ein Rasterbild aus einem festen Pixelraster, hat also eine feste Auflösung und kann unscharf oder blockig wirken, wenn es größer skaliert wird, als es erzeugt wurde. Ein SVG ist vektorbasiert: Es beschreibt Rechteck und Text als Formen, bleibt dadurch in jeder Größe absolut scharf und hat für einen einfachen Platzhalter meist eine winzige Dateigröße. Nutze SVG, wenn ein Platzhalter über viele Bildschirmgrößen hinweg skalieren muss oder du leichtgewichtiges, auflösungsunabhängiges Markup willst. Wähle PNG (oder WebP für kleinere Dateien, JPEG für fotoartige Füllungen), wenn du ein echtes Rasterbild mit exakten Pixel-Abmessungen brauchst. Dieses Tool exportiert alle vier Formate, und jeder Download wird nach seinen Abmessungen benannt. Wähle dein Format oben in den Optionen und lade das Bild herunter oder kopiere es als Base64-Daten-URI zum direkten Einfügen in deinen Code.

Statt jedes Bild einzeln zu erstellen, nutzt du den Batch-Tab und gibst eine kommagetrennte Liste von Größen ein, etwa 300x200, 600x400, 1200x630. Das Tool rendert alle Größen in einem Durchgang, zeigt eine Vorschau jedes Bildes und bietet eine Download-alle-Option, mit der du das gesamte Set in einem Schritt herunterlädst. Für Responsive-Tests gibt es außerdem eine Responsive-Grid-Ansicht, die mit einem Klick einen Platzhalter für jeden gängigen Breakpoint erzeugt, von Mobile S bei 320 Pixel bis 4K bei 2560 Pixel. Jedes Batch-Bild behält die von dir gewählten Farben, den Stil und den Text bei, und jede Datei wird nach ihren Abmessungen benannt, damit sie in deinen Downloads übersichtlich bleiben. Das eignet sich ideal, um ein responsives Layout oder ein Design-System-Mockup schnell zu befüllen. Öffne oben den Batch-Tab, liste deine Größen auf und erzeuge sie alle zusammen.

Der Blueprint-Modus rendert einen Platzhalter im Wireframe-Stil: einen dunklen Rasterhintergrund mit beschrifteten Maßangaben und Pfeilen, die Breite und Höhe in Pixel anzeigen, statt eines einfachen einfarbigen Blocks. Das ist nützlich, wenn ein Mockup bewusst unfertig wirken soll, damit Stakeholder verstehen, dass sie Struktur und Proportionen sehen und kein nahezu fertiges Artwork. Die klaren Maßangaben machen es außerdem leicht, beim Prüfen eines Layouts zu bestätigen, dass jeder Slot die gewünschte Größe hat. Der Modus passt gut zu Low-Fidelity-Wireframes und frühen Design-Reviews, bei denen poliertes Bildmaterial das falsche Signal senden würde. Du kannst auch im Blueprint-Raster zusätzlich eigenen Text zur weiteren Beschriftung einblenden. Aktiviere den Blueprint-Modus oben in den Optionen, lege deine Abmessungen fest und lade den Wireframe-artigen Platzhalter für dein Mockup herunter.

Ja. Der Code-Tab liefert dir fertige Snippets, die bereits deine gewählten Abmessungen enthalten: ein HTML-img-Tag mit width, height und Alt-Text, eine CSS-background-image-Regel mit Cover-Skalierung, Markdown-Bildsyntax für Docs und Readmes sowie einen Data-URI-Bild-Tag. Die Data-URI-Option bettet das gesamte Bild als Base64- (oder SVG-)String direkt in den Tag ein, sodass der Platzhalter ohne separate Datei und ohne zusätzliche Netzwerkanfrage funktioniert – praktisch für schnelle Prototypen und isolierte Beispiele. Du kannst auch nur den Base64-Daten-URI allein kopieren, um ihn zu verwenden, wo immer du ihn brauchst. Da alles im Browser generiert wird, aktualisieren sich die Snippets in dem Moment, in dem du Größe oder Farbe änderst. Lege deinen Platzhalter oben fest, öffne den Code-Tab und klicke auf Kopieren beim Snippet, das zu deinem Projekt passt.