Besides bitmap, Repper can also handle vector images. Here is what you need to keep in mind when making your artwork and preparing it for upload to Repper.
You can upload vector images in SVG format. Whichever vector graphics software you use, there should be an option to save or export as SVG.
<aside>
❗ Always keep your original file
Not all vector features in your graphics software may be supported by SVG. For example, your guides in Adobe Illustrator will not be stored in the SVG file. Always keep your document saved in the original format (for example, .ai for Adobe Illustrator) and use Save as... or Export to save your file to SVG.
</aside>
The save/export settings may let you to set the decimal precision. If you set the number of decimals too low, you may start to see some misalignment of shapes. As a general rule, don't go below 3. You can always re-open your saved SVG in your vector graphics software to see if it still looks as expected.
Pay special attention when saving your SVG using "Save as..." in Adobe Illustrator: You will need to click the More Options (1) button to access the Decimal Placed option (2):
Repper currently supports SVG files up to 2 megabytes.
This is lower than the 15 megabyte limit on bitmap images, because large SVG files can be very heavy to process and lead to problems with in-app or export performance.
Not all features of vector images lend themselves for being sliced and repeated into patterns. Here is a list of vector features Repper currently does and doesn't support. It is not exhaustive, so feel free to [contact us](mailto:[email protected]?subject=Question%20on%20vector%20feature%20support) if you are not sure about a specific vector feature.
<aside> ☝ Repper will show a warning when your source image has one of the unsupported features listed below. You can still use it, but be warned that the pattern preview or exported pattern may not look as expected. Your exported vector pattern may come out different even if the pattern preview looks alright (because the preview uses bitmap rendering for performance reasons).
</aside>
Think circles, ellipses, rectangles, polygons, lines, polylines, etc.