Convert Fabric Pattern to SVG
Turn scanned fabric swatches and textile patterns into tile-able SVG vector patterns for use in Illustrator, Affinity Designer, and web CSS.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Scanning Fabric for Pattern Conversion
Place a small swatch of fabric flat on a scanner bed. Scan at 600 DPI in color. Crop the image to one clean repeat of the pattern — the section that tiles seamlessly.
- 600 DPI scan — high detail for accurate color capture
- Crop to one exact repeat unit of the pattern
- Adjust brightness/contrast to make colors pop
- Save as PNG before vectorizing
Vectorizing the Fabric Pattern
Upload the pattern repeat PNG to imagetosvg.com in Color mode. The vectorized SVG can be used as a repeat tile in Illustrator (Object > Pattern > Make) or as a CSS SVG background pattern.
- Upload to imagetosvg.com with Color mode
- High color precision (8) preserves pattern detail
- SVG output is one tile of the repeat
- In Illustrator: drag into Swatches panel as a pattern swatch
- In CSS: use as background-image SVG pattern with background-size
Frequently Asked Questions
Can I create a seamless repeat from a fabric scan?
Convert one repeat tile to SVG, then use Inkscape or Illustrator's pattern tools to tile it seamlessly across any canvas size.
Why does my fabric pattern SVG look pixelated?
The scan resolution was too low. Re-scan at 600+ DPI and clean up the image in GIMP before vectorizing.
Can I use a fabric pattern SVG for print-on-demand?
Yes — upload the tiled SVG to Printify or Printful as a repeat pattern for all-over-print shirts, leggings, and bags.
How do I make a fabric pattern seamlessly tile?
In Inkscape, use the Tile Pattern extension (Extensions > Render > Pattern from Object) to create a seamless repeat from your base tile.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free