Platzhalterbild-Generator
Erstellen Sie ein schlichtes Platzhalterbild in genau der Größe, die Sie brauchen, mit aufgedruckten Maßen, für Mock-ups, Layouts und Tests.
Läuft vollständig in Ihrem Browser
Leer lassen, um die Größe anzuzeigen.
Breite und Höhe von 1 bis 8000 Pixel, insgesamt bis zu 100 Megapixel. Der Text ist einzeilig und wird passend skaliert.
So erstellen Sie ein Platzhalterbild
- Geben Sie Breite und Höhe ein oder klicken Sie auf eine Vorgabe wie 1200 × 630 für eine Social-Media-Vorschau oder 300 × 250 für eine Anzeige.
- Wählen Sie Hintergrund- und Textfarbe. Lassen Sie den Text leer, um die Größe anzuzeigen, oder schreiben Sie eine eigene Beschriftung.
- Wählen Sie PNG, JPEG, WebP oder SVG und klicken Sie auf Herunterladen, oder kopieren Sie das Bild als Daten-URI.
Die richtige Größe für ein Platzhalterbild
Ein Platzhalterbild vertritt ein echtes Bild, während Sie eine Seite bauen; entscheidend ist also, dass es die richtige Form hat. Layouts scheitern eher am Seitenverhältnis als an der Auflösung: Ein Titelbild im Format 16:9 verhält sich anders als ein quadratischer Avatar, auch wenn beide klein sind. Stehen die Maße auf dem Bild, sieht jeder, der das Mock-up betrachtet, welcher Platz welche Abmessungen braucht.
Die Vorgaben decken Größen ab, die immer wieder vorkommen: 1200 × 630 ist das Format, das die meisten sozialen Netzwerke für Link-Vorschauen nutzen, 1080 × 1080 ein quadratischer Post, 1920 × 1080 und 1280 × 720 die gängigen Videoformate, 300 × 250 und 728 × 90 zwei Standard-Werbeflächen und 150 × 150 ein typischer Avatar.
Denken Sie im echten Einsatz daran, dass ein Platzhalter aus flacher Farbe besteht. PNG und SVG speichern das fast ohne Platzbedarf, während JPEG bei großen Formaten Unschärfe um den Text erzeugt. Wenn Sie das Bild als Daten-URI in Code einfügen, halten Sie es klein: Jedes Byte des Bildes steckt dann in Ihrer Seite.
Tipps
- Sie brauchen das echte Bild in dieser Größe? Bildgröße ändern und Bild zuschneiden bringen ein Foto genau auf das Format.
- Um ein fertiges Bild als Text einzubetten, nutzen Sie Bild in Base64.
- Passende Farben finden Sie mit dem Farbkonverter und Kontrastprüfer.
Häufige Fragen
Verlässt irgendetwas mein Gerät?
Nein. Nichts, was Sie eingeben, wird irgendwohin gesendet. Das Bild wird von Ihrem Browser gezeichnet, und der Download wird auf Ihrem Gerät erstellt.
Welches Format soll ich wählen?
SVG hat nur wenige hundert Byte und ist in jeder Größe scharf, passt also gut zu Web-Layouts. PNG ist exakt und verlustfrei für flache Farben. JPEG und WebP ergeben bei großen Formaten kleinere Dateien, wobei JPEG um den Text leicht weich wirkt. Manche Stellen, die Uploads annehmen, etwa viele CMS-Felder, akzeptieren nur Pixelbilder; nehmen Sie dort PNG.
Wie wird die Textgröße gewählt?
Automatisch. Der Text wird so groß gemacht, wie er auf eine Zeile innerhalb von etwa 80 Prozent der Breite und 40 Prozent der Höhe passt. So sehen ein breites Banner wie 728 × 90 und ein hohes wie 160 × 600 beide stimmig aus.
Wozu dient die Daten-URI?
Eine Daten-URI ist das Bild in Textform, sodass Sie es ohne separate Datei direkt in ein HTML-img-Tag oder einen CSS-Hintergrund einfügen können. Das funktioniert gut bei kleinen Bildern. Ein großes PNG wird zu einer langen Zeichenkette, die Ihre Seite aufbläht. Das Tool warnt Sie daher, wenn das Ergebnis größer ist als sinnvoll, und kopiert nichts über 1 MB.
Braucht das SVG besondere Schriften?
Nein. Es verwendet die serifenlose Systemschrift. Es sieht daher auf verschiedenen Geräten etwas unterschiedlich aus, passt aber immer, und der Text wird maskiert, sodass Zeichen wie & und < sicher sind.
Welche Größenbeschränkungen gibt es?
Jede Seite kann 1 bis 8000 Pixel lang sein, und insgesamt sind bis zu 100 Megapixel möglich. Größere Bilder brauchen länger zum Zeichnen und lassen sich in manchen Programmen nicht öffnen.