Laden Sie ein Kachelbild hoch und erzeugen Sie eine nahtlose Kachelvorschau auf einer konfigurierbaren Leinwand. Passen Sie Kachelmaßstab, Drehung, Abstand an und wählen Sie aus mehreren Kachelmodi. Export als PNG oder CSS-Hintergrund-Snippet kopieren. 100% clientseitige Verarbeitung.
Ziehe das Bild per Drag & Drop oder klicke, um das Bild hochzuladen, das du als Kachel verwenden möchtest. Unterstützte Formate sind PNG, JPG, SVG und WebP.
Wähle zwischen normalem Raster, halbem Ziegelsteinversatz (wie Mauerwerk), diagonalem Versatz oder gespiegelter Kachelung, um die Anordnung der Kacheln zu ändern.
Passe Kachelmaßstab, Rotationswinkel, Abstand, Canvas-Abmessungen und Hintergrundfarbe über die Steuerelemente an.
Der Canvas aktualisiert sich in Echtzeit, wenn du Einstellungen änderst, und zeigt genau, wie das Kachelmuster aussehen wird.
Lade das Muster als PNG-Bild herunter oder kopiere einen CSS-Hintergrund-Ausschnitt für deine Webprojekte.
Das Tool verwendet die HTML5-Canvas-API, um dein Kachelbild wiederholt über einen konfigurierbaren Canvas zu zeichnen. Jede Kachel wird einzeln positioniert und transformiert, um maximale Kontrolle über das Musterlayout zu ermöglichen.
Die Maßstabssteuerung skaliert jede Kachel von 25% bis 400% ihrer Originalgröße. Die Rotation wendet eine Transformation um den Mittelpunkt jeder Kachel an und ermöglicht jeden Winkel von 0 bis 360 Grad. Beide Transformationen verwenden Canvas-Transformationsoperationen für scharfe Darstellung.
Der CSS-Export erstellt einen Single-Kachel-Canvas, rendert die Kachel mit aktuellen Maßstab- und Rotationseinstellungen, konvertiert sie in eine Daten-URI und generiert eine background-image CSS-Eigenschaft mit passenden background-repeat- und background-size-Werten.
Die gesamte Bildverarbeitung erfolgt vollständig in deinem Browser über die Canvas-API. Deine Bilder werden niemals auf einen Server hochgeladen, was vollständige Privatsphäre gewährleistet. Das Tool funktioniert offline, sobald es geladen ist.
Du kannst alle browserseitig unterstützten Bildformate hochladen, darunter PNG, JPG, JPEG, SVG, WebP, GIF und BMP. PNG wird für Kacheln mit Transparenz empfohlen.
Laden Sie ein Kachelbild hoch oder wählen Sie eine Form, um die Mustervorschau zu sehen
Muster-Zufallseffekte ist eine Supporter-Funktion.
Gespeicherte Voreinstellungen ist eine Supporter-Funktion.
Werkzeugverlauf ist eine Supporter-Funktion.
Werkzeug-Notizen ist eine Supporter-Funktion.
