Platzhalterbild mit Größe, Text und Farben erstellen

Wann ein Platzhalterbild nützlich ist

Ein Platzhalterbild hilft, wenn für ein Layout, einen Beitrag, eine Präsentation oder einen Entwurf bereits eine Bildfläche gebraucht wird, die endgültige Grafik aber noch fehlt. Der Generator erstellt eine SVG-Platzhaltergrafik und eine dazugehörige Inline-Bilddaten-Repräsentation. Sie bestimmen die Abmessungen, den angezeigten Text sowie die Hintergrund- und Textfarbe. Dadurch können Sie Seitenverhältnis, Beschriftung und farbliche Wirkung vor der Weiterverwendung einer endgültigen Grafik prüfen.

Platzhalterbild Schritt für Schritt erstellen

1. Legen Sie zunächst die Breite und Höhe fest. Beide Eingaben sind optional; ohne eigene Angaben gelten 400 für die Breite und 300 für die Höhe. Jede Abmessung wird unabhängig auf einen wirksamen Bereich von 1 bis 2000 begrenzt. Wenn Sie beispielsweise 800 × 450 benötigen, tragen Sie diese beiden Werte ein und prüfen Sie später, ob genau diese wirksamen Maße in der Ausgabe erscheinen.

2. Geben Sie im Feld für den Text eine Beschriftung ein, falls die Grafik nicht mit der Standardbeschriftung erscheinen soll. Der Text ist optional. Bei leerem oder nicht verwendbarem Text setzt die Ausgabe die wirksame Breite und Höhe, verbunden mit einem Multiplikationszeichen, als Beschriftung ein.

3. Ergänzen Sie eine Hintergrundfarbe und eine Textfarbe, wenn die Vorgaben nicht zu Ihrem Entwurf passen. Ohne eigene Farbwerte wird der Hintergrund in #cccccc und der Text in #333333 ausgegeben. Verwenden Sie für die gewünschte Gestaltung die vorgesehenen Farbwerte und starten Sie anschließend die Erstellung.

4. Kontrollieren Sie die erzeugte SVG-Grafik. Achten Sie dabei auf die wirksame Fläche, die sichtbare Beschriftung und die beiden Farben. Die eingegebene Beschriftung wird vor ihrer Aufnahme in die SVG-Grafik und in den Alternativtext des erzeugten Bildelements als Text behandelt, sodass Sonderzeichen nicht als direkt eingefügtes Markup erscheinen.

5. Wenn Sie eine Inline-Repräsentation benötigen, verwenden Sie die zusätzlich erzeugten Bilddaten. Diese Darstellung beginnt mit einem SVG-Bilddatenpräfix und beschreibt die erzeugte Grafik.

Die erzeugte Ausgabe richtig bewerten

Das Ergebnis ist eine SVG-Platzhaltergrafik, deren sichtbare Fläche sich nach den wirksamen Abmessungen richtet. Bei Eingaben unter 1 oder über 2000 sollten Sie deshalb die tatsächlich verwendeten Maße kontrollieren, weil Breite und Höhe jeweils auf ihren zulässigen Bereich begrenzt werden. Ein zu großer Breitenwert verändert die Höhe nicht automatisch, sofern diese innerhalb ihres eigenen Bereichs liegt.

Bleibt das Textfeld leer oder enthält es keinen verwendbaren Wert, sehen Sie als Beschriftung die wirksamen Maße. Das kann etwa 800 × 450 sein, wenn beide Eingaben innerhalb des Bereichs liegen. Sonderzeichen in einer eigenen Beschriftung werden als Text ausgegeben und nicht als SVG-Markup interpretiert.

Die Bilddaten-Repräsentation ist für eine Inline-Darstellung gedacht und beginnt mit einem SVG-Präfix. Sie sollten sie daher als Bilddaten und nicht als Adresse einer öffentlich gehosteten Grafik einordnen. Vor der Nutzung in einem konkreten Layout prüfen Sie außerdem Seitenverhältnis, Lesbarkeit der Beschriftung und die gewählten Farbwerte.

Praktisches Beispiel

Für einen breiten Präsentationsentwurf wird ein Platzhalter im Seitenverhältnis 800 × 450 mit der Beschriftung „Entwurf“ benötigt.

Tragen Sie 800 als Breite, 450 als Höhe, „Entwurf“ als Text, #2563eb als Hintergrundfarbe und #ffffff als Textfarbe ein und starten Sie die Erstellung.

Erwartet wird eine SVG-Platzhaltergrafik mit 800 × 450, der Beschriftung „Entwurf“, einem blauen Hintergrund und weißer Textfarbe sowie eine mit einem SVG-Präfix beginnende Bilddaten-Repräsentation.

Einschränkungen

• Werte außerhalb von 1 bis 2000 werden nicht unverändert übernommen, und die zusätzliche Bilddaten-Ausgabe bleibt eine SVG-Repräsentation statt einer öffentlich gehosteten Bildadresse.

Häufige Fehler

• Wenn eine Eingabe außerhalb von 1 bis 2000 unverändert erwartet wird, liegt der Fehler in der Prüfung des ursprünglichen statt des wirksamen Werts. Kontrollieren Sie Breite und Höhe getrennt in der erzeugten Ausgabe.

Häufige Fragen

Welche Standardmaße verwendet das Platzhalterbild?

Ohne eigene Eingaben beträgt die Breite 400 und die Höhe 300. Die beiden Werte werden unabhängig voneinander auf mindestens 1 und höchstens 2000 begrenzt.

Welche Beschriftung erscheint ohne eingegebenen Text?

Bei leerem oder nicht verwendbarem Text erscheinen die wirksame Breite und Höhe, verbunden mit einem Multiplikationszeichen, als Beschriftung.

Erzeugt die Ausgabe eine öffentliche Bildadresse?

Sie erhalten eine Inline-Bilddaten-Repräsentation, die mit einem SVG-Bilddatenpräfix beginnt. Diese Ausgabe ist keine Adresse einer öffentlich gehosteten Grafik.