Artwork Files

Guidelines for the artwork files you upload to SpreeShop — for proofs, product mockups, and production files.

Accepted File Formats

Resolution Requirements

For raster files (PNG, JPG):

• Product mockup images — Minimum 800x800px at 72 DPI for web display. For print production reference, 300 DPI at intended print size.
• Proof images — Minimum 150 DPI at the intended print size. Higher is better — customers will zoom in.
• Print-ready production files — 300 DPI at actual print size. For a 12x14 inch design at 300 DPI, the file should be at least 3600x4200 pixels.

Color Profiles

For screen proof display: Use sRGB color profile. All web browsers and SpreeShop's proof viewer display colors in sRGB. Files in Adobe RGB or other color spaces may look different on screen than expected.

For print production: Screen printing uses spot Pantone colors, not a digital color space. Your production file should specify the Pantone color codes for each ink color. When sending a digital proof, it is best practice to note the Pantone codes in the proof notes.

SVG Mockup Best Practices

SVG mockups are special — they power the live color-changing feature in the product customizer. To make an SVG mockup work with SpreeShop's color switcher:

1. The garment body paths must use the CSS class garment-fill on their fill attribute.
2. SpreeShop will replace the fill color of all elements with class garment-fill when a customer switches colors.
3. Design elements (logos, text) on the garment should use separate paths without the garment-fill class.
4. Export the SVG from Illustrator or Inkscape with "Embed fonts" checked if you use custom fonts.

<!-- Example garment body path -->
<path class="garment-fill" fill="#FFFFFF" d="M50,10 L..." />