Platzhalter-SVG in den gewünschten Abmessungen

Designer und Entwickler können einen Platzhalter erzeugen, wenn ein Layout ein SVG mit genau vorgegebenen Abmessungen benötigt.

Generieren Sie ein SVG in den gewünschten Abmessungen und erhalten Sie ein Platzhalterbild, das genau zum darzustellenden Bereich passt.

Bedienung

Geben Sie die benötigte Breite in der ersten Zeile ein, dann die Höhe in der zweiten.
Geben Sie in der dritten Zeile optional einen Text ein, wenn er im erzeugten Bild angezeigt werden soll.
Starten Sie die Generierung, um das SVG in der gewünschten Größe zu erzeugen.
Kopieren Sie den Code aus dem Ergebnisbereich und fügen Sie ihn in Ihre Seite oder Ihre Designdatei ein.
Ändern Sie die Werte und generieren Sie so oft erneut, wie Sie möchten.

Beispiel

Das Beispiel verlangt eine Breite von 800, eine Höhe von 450 und den Text Banner. Prüfen Sie nach der Generierung, ob die Ausgabe wirklich SVG-Markup ist und ob die Abmessungen Ihren Angaben entsprechen, denn diese Werte bestimmen, wie viel Platz der Platzhalter in Ihrem Layout einnimmt.

Eingabe

800
450
Banner

Grenzen und Formate

Die Ausgabe ist eine Vektorzeichnung, kein Foto, sie gehört daher in Entwürfe und nicht in finale Grafiken.
Alles stammt aus Ihren Eingaben: die Größe und optional ein Text.
Halten Sie Breite und Höhe als positive ganze Zahlen.
Prüfen Sie, wie es in Ihrem Browser gerendert wird, bevor Sie es in eine aktive Seite einfügen.

Wo die Verarbeitung stattfindet

Das Vektorbild wird von der Seite in Ihrem Browser beschrieben und zusammengesetzt, und zwar mit der von Ihnen angegebenen Größe und dem Text. Es wird keine Datei hochgeladen und während der Generierung nichts übertragen. Das Markup bleibt auf dem Bildschirm, bis Sie es löschen oder die Seite verlassen.

Häufige Fragen

Wofür wird ein Platzhalterbild eigentlich verwendet?

Es steht für Grafik ein, die noch nicht fertig ist. Sie können sehen, ob ein Layout zusammenhält und ob die geplanten Proportionen stimmen, ohne auf das endgültige Bild von einem Designer oder Fotografen zu warten.

Was enthält das erzeugte SVG?

Es beschreibt einen Rahmen in der von Ihnen gewünschten Größe sowie den von Ihnen eingegebenen Text, falls Sie einen eingegeben haben. Sonst wird nichts hinzugefügt, sodass Sie immer wissen, was der Code enthält, bevor Sie ihn irgendwo einfügen.

Sollte ich es auf einer aktiven Webseite behalten?

Behandeln Sie es besser als Entwurfswerkzeug, da es signalisiert, dass noch eine Visualisierung fehlt. Ersetzen Sie es vor der Veröffentlichung durch das endgültige Bild, sonst sehen Besucher den Platzhalter statt eines Bildes.