Punktraster-Hintergrund-Generator
Erzeugen Sie einen Hintergrund mit regelmäßigem Punktraster, mit anpassbarem Abstand, anpassbarer Größe und Farben – exportierbar als PNG oder als SVG, das sich direkt in Ihren Code kopieren lässt.
So funktioniert es
Das Tool setzt an jedem Schnittpunkt eines regelmäßigen Rasters einen Punkt; Abstand und Punktgröße sind einstellbar, der Hintergrund ist einfarbig oder transparent. Das Ergebnis steht sowohl als gebrauchsfertiges PNG-Bild als auch als vektorieller SVG-Code zur Verfügung, der sich ohne Qualitätsverlust skalieren und leicht in eine Webseite einbinden lässt.
PNG oder SVG: Was eignet sich für einen Website-Hintergrund?
Für einen Web-Hintergrund ist SVG in der Regel die bessere Wahl: Die Dateigröße bleibt gering, und das Bild bleibt bei jeder Bildschirmauflösung scharf, auch auf Displays mit sehr hoher Pixeldichte. PNG ist besser geeignet, wenn Sie ein klassisches Rasterbild für ein Designwerkzeug oder eine Präsentation benötigen, das SVG nicht unterstützt.
Wie verwende ich den Hintergrund als wiederholte Kachel auf einer Website?
Laden Sie das erzeugte PNG oder SVG herunter und verwenden Sie es als CSS-background-image mit background-repeat: repeat: Da das Raster vollkommen regelmäßig ist und keinen zusätzlichen Rand hat, setzt sich das Muster ohne sichtbare Übergänge von Kachel zu Kachel fort.
100% lokale Erzeugung: Der Punkthintergrund wird vollständig in Ihrem Browser berechnet, ohne dass Daten an einen Server gesendet werden.