SVG-Punktmuster-Generator
Erstellen Sie ein wiederholbares Punktmuster als SVG mit anpassbarem Abstand, Radius und Farben, zum Herunterladen oder direkten Kopieren als CSS-Hintergrund. Die Erstellung erfolgt zu 100% lokal in Ihrem Browser.
So funktioniert es
Ein wiederholbares Punktmuster wird hier als kleine quadratische SVG-Kachel aufgebaut, die einen einzelnen zentrierten Punkt enthält: Wird diese Kachel über die gesamte Breite und Höhe eines Hintergrunds wiederholt, setzt sich das Muster ohne sichtbare Naht fort. Passen Sie den Abstand an, um die Punkte enger oder weiter auseinander zu setzen, und den Radius, um sie zu vergrößern oder zu verkleinern.
Wie verwende ich dieses Muster als Hintergrund auf meiner Website?
Klicken Sie auf „In CSS kopieren“, um eine als Data-URI kodierte Eigenschaft background-image mit aktivierter Wiederholung zu erhalten. Sie können sie direkt in Ihr Stylesheet einfügen, ohne eine separate Bilddatei hosten zu müssen.
Lässt sich das heruntergeladene SVG verlustfrei skalieren?
Ja, da SVG ein Vektorformat ist, bleibt die Musterkachel bei jeder Anzeige- oder Druckgröße gestochen scharf, anders als ein Rasterbild (PNG oder JPEG), das bei starker Vergrößerung unscharf würde.
Das SVG wird vollständig in Ihrem Browser erzeugt und zusammengesetzt, ohne jeden Aufruf eines externen Servers.