Ein Platzhalterbild in genau der Größe, die Sie brauchen
Geben Sie Breite und Höhe ein und erhalten Sie ein einfarbiges Bild dieser Größe, mit den Abmessungen in der Mitte – der Lückenfüller, den ein Layout braucht, bevor das echte Foto da ist. Ändern Sie die Farben, schreiben Sie eigenen Text und laden Sie es als PNG, JPEG, WebP oder SVG herunter, oder kopieren Sie es als Data-URI, um es direkt in HTML oder CSS einzufügen. Alles wird in Ihrem Browser gezeichnet.
So erstellen Sie ein Platzhalterbild
- 1Geben Sie Breite und Höhe in Pixeln ein oder wählen Sie eine gängige Größe wie 300 × 250 oder 1920 × 1080.
- 2Lassen Sie den Text leer, um die Abmessungen anzuzeigen, oder tippen Sie eigenen – ein Zeilenumbruch beginnt eine zweite Textzeile.
- 3Wählen Sie Hintergrund- und Textfarbe, Schriftart und Textgröße.
- 4Laden Sie PNG, JPEG, WebP oder SVG herunter, kopieren Sie das Bild oder kopieren Sie die SVG-Data-URI für ein
<img src>.
Raster oder Vektor
- PNG, JPEG, WebP
- Eine Bitmap in genau der eingegebenen Breite und Höhe – für Upload-Formulare, Designdateien und alles, was eine echte Bilddatei erwartet.
- SVG
- Ein paar hundert Bytes Markup, die sich ohne Unschärfe auf jede Größe skalieren lassen. Fügen Sie es inline ein oder nutzen Sie die Data-URI, damit der Platzhalter gar keine Datei braucht.
Text, der passt
Die Textgröße passt sich automatisch an das Bild an: groß auf einem breiten Banner, klein auf einem Leaderboard-Banner, und nie über den Rand hinaus. Der Regler für die Textgröße skaliert ihn von dort aus.
SVG-Text wird mit den Schriften des anzeigenden Geräts dargestellt und kann daher auf einem anderen Computer leicht anders aussehen; die Bitmap-Formate sehen überall gleich aus.
Kein Platzhalter-Dienst nötig
Online-Platzhalterdienste können ausfallen oder eine Seite durch eine zusätzliche Anfrage verlangsamen. Eine heruntergeladene Datei oder eine Data-URI funktioniert offline und ändert sich nie.
Um ein echtes Foto für eine Plattform zuzuschneiden, nutzen Sie den Social-Media-Bild-Resizer; um ein Layout mit Blindtext zu füllen, nutzen Sie den Lorem-Ipsum-Generator.
Häufige Fragen
- Wie groß kann ein Platzhalterbild höchstens sein?
- Bis zu 8000 Pixel pro Seite. Sehr große Bitmaps können überschreiten, was manche Browser für ein Canvas erlauben; SVG hat keine solche Grenze.
- Kann ich den Text auf dem Bild ändern?
- Ja. Tippen Sie beliebigen Text in das Textfeld; lassen Sie es leer, um die Abmessungen anzuzeigen. Drücken Sie Enter für eine zweite Zeile.
- Wie nutze ich den Platzhalter ohne Datei?
- Kopieren Sie die Data-URI und verwenden Sie sie als src eines Bildes oder als url() in einem CSS-background-image. Das ganze Bild steckt im Text.
- Wird etwas hochgeladen?
- Nein. Das Bild wird in Ihrem Browser gezeichnet und verlässt Ihr Gerät nie.