Platzhalterbild-Generator

So erstellen Sie ein Platzhalterbild

1. Geben Sie Breite (px) und Höhe (px) ein, jeweils 1 bis 10.000 Pixel. Vorschau und Seitenverhältnis werden während der Eingabe aktualisiert.
2. Geben Sie einen Text ein oder lassen Sie das Feld leer, um die Größe anzuzeigen, etwa „1200×630“.
3. Wählen Sie Hintergrundfarbe und Textfarbe.
4. Lassen Sie Schriftgröße (px) auf 0 für eine automatische, zum Bild passende Größe, oder geben Sie eine Größe in Pixeln ein. Wählen Sie eine Schriftart.
5. Wählen Sie das Format – PNG, JPG, WebP oder SVG – und klicken Sie auf Bild herunterladen.

Für viele Größen auf einmal öffnen Sie Stapel gängiger Größen, haken die benötigten Größen an (oder nutzen Alle auswählen / Keine auswählen) und klicken auf Ausgewählte Größen herunterladen (ZIP). Jedes Bild verwendet die Farben, die Schrift und das Format von oben; bei leerem Text zeigt jedes Bild seine eigene Größe.

Welches Format ist das richtige?

• SVG ist am leichtesten (unabhängig von der Größe wenige Hundert Byte) und bleibt bei jedem Zoom scharf. Ideal für Mock-ups, Prototypen und HTML-Vorlagen. Der Text nutzt eine Systemschrift, sein Aussehen kann daher zwischen Computern leicht variieren.
• PNG liefert exakte, verlustfreie Pixel. Wählen Sie es für Designprogramme und wenn eine echte Bitmap nötig ist.
• JPG erzeugt bei großen Formaten kleine Dateien und wird überall akzeptiert, auch von alten Content-Management-Systemen.
• WebP ist kleiner als PNG und JPG und wird von allen aktuellen Browsern unterstützt.

Rasterformate sind auf etwa 16,7 Millionen Pixel begrenzt (zum Beispiel 4096 × 4096), das größte Canvas, das Browser kodieren können. SVG hat keine solche Grenze.

Gängige Größen im Stapel

Die Anzeigengrößen folgen den IAB-Standardformaten, die die meisten Werbenetzwerke nutzen; die Social-Media-Größen entsprechen den Empfehlungen der großen Plattformen.

Wozu Platzhalterbilder?

Platzhalter reservieren genau den Platz, den ein Bild einnehmen wird, bevor das echte Bild existiert. So können Designer und Entwickler ein Layout prüfen, responsive Breakpoints testen oder einem Kunden zeigen, wo Bilder hinkommen, ohne nach Stockfotos suchen zu müssen. Stehen die Abmessungen auf dem Bild, ist sofort klar, welche Größe jeder Platz erwartet, und ein neutrales Grau lenkt die Aufmerksamkeit auf das Layout statt auf den Inhalt.

Da dieses Tool echte Dateien erzeugt, können Sie sie offline nutzen, in ein Repository einchecken oder in ein Designprogramm ziehen – ohne Abhängigkeit von einem externen Platzhalterdienst, der ausfallen oder Besucher tracken könnte.