Vector vs Raster Artwork: File Preparation Guide
Understand the difference between vector and raster graphics, learn which file formats work best for different printing methods, and prepare print-ready artwork that produces crisp, professional results.
In This Guide
Why File Format Matters
When you submit artwork for custom printing—whether it's screen printing, embroidery">embroidery, or DTF printing—the file format you provide directly impacts three critical factors:
- Print Quality: The right format ensures crisp lines, accurate colours, and professional results
- Production Cost: Print-ready files require no additional prep work; problematic files may need conversion or recreation
- Turnaround Time: Properly formatted files move straight to production; incorrect formats cause delays
The most important distinction in digital artwork is understanding the difference between vector graphics and raster graphics. These two types of files behave completely differently when scaled, edited, and printed.
Quick Rule of Thumb: Logos, text, and illustrations should be vector. Photographs and complex realistic images are raster. When in doubt, vector is almost always preferred for custom printing.
Vector Graphics Explained
Vector graphics are created using mathematical formulas that define points, lines, curves, and shapes. Instead of storing information about individual pixels, vector files contain instructions like "draw a circle with radius X at position Y with fill colour Z."
How Vector Graphics Work
Think of vector graphics like a recipe. The file doesn't contain the actual image—it contains instructions for creating the image. When you open a vector file, your computer reads the mathematical formulas and renders the image on screen. When you scale up, the formulas recalculate to draw a larger version with perfect precision.
Key Characteristics of Vector Graphics
- Infinitely scalable: Enlarge from business card to billboard without any quality loss
- Small file sizes: Mathematical formulas take up far less space than pixel data
- Easily editable: Individual elements (colours, shapes, text) can be modified independently
- Clean colour separation: Each colour is a distinct object, making it ideal for screen printing
- Resolution independent: DPI doesn't apply—vectors always print at the maximum resolution of the output device
Common Vector File Formats
| Format | Extension | Best For | Notes |
|---|---|---|---|
| Adobe Illustrator | .ai | Professional design work | Industry standard; preserves all editing capabilities |
| Encapsulated PostScript | .eps | Cross-platform compatibility | Universal format; works with most design software |
| PDF (Vector) | Sharing and printing | Can contain vector or raster; verify contents | |
| SVG | .svg | Web graphics | XML-based; excellent for web but limited print support |
Pro Tip: When saving vector files for production, always convert text to outlines (also called "curves" or "paths"). This ensures your fonts display correctly even if the printer doesn't have them installed.
Raster Graphics Explained
Raster graphics (also called bitmap images) are made up of a grid of tiny squares called pixels. Each pixel contains colour information, and together they form the complete image—like a mosaic made of coloured tiles.
How Raster Graphics Work
Digital cameras, scanners, and image editing software create raster images. The file stores the colour value for every single pixel in the image. A small 1000x1000 pixel image contains one million pixels, each with its own colour data. This is why high-resolution raster files can be quite large.
Key Characteristics of Raster Graphics
- Fixed resolution: Quality is locked at the time of creation; cannot be increased later
- Pixel-based scaling: Enlarging beyond original dimensions causes blurriness (pixelation)
- Larger file sizes: High-resolution images contain millions of pixels, each requiring storage
- Complex imagery: Can capture photographic detail, subtle gradients, and millions of colours
- Resolution dependent: DPI (dots per inch) determines print quality at specific sizes
Understanding DPI and Resolution
DPI (dots per inch) measures how many pixels print within each inch. For custom apparel printing, the standard requirement is 300 DPI at actual print size.
| Print Size | Pixels Needed (at 300 DPI) | Typical Use |
|---|---|---|
| 4" x 4" | 1,200 x 1,200 pixels | Left chest logo |
| 8" x 10" | 2,400 x 3,000 pixels | Medium back print |
| 12" x 14" | 3,600 x 4,200 pixels | Full back print |
| 14" x 16" | 4,200 x 4,800 pixels | Oversized back print |
Common Raster File Formats
| Format | Extension | Best For | Notes |
|---|---|---|---|
| PNG | .png | Graphics with transparency | Lossless compression; supports transparent backgrounds |
| TIFF | .tif, .tiff | Professional printing | Uncompressed; preserves maximum quality |
| PSD | .psd | Layered editing | Photoshop native; preserves layers and effects |
| JPEG | .jpg, .jpeg | Photographs | Lossy compression; quality degrades with each save |
Important: JPEG files use "lossy" compression—every time you save a JPEG, it loses quality. For print work, save in PNG or TIFF to preserve quality, or work with the original PSD and only export to JPEG as a final step.
How to Tell the Difference
Not sure if your file is vector or raster? Here are reliable ways to find out:
Method 1: The Zoom Test
Open your file and zoom in to 400-800% magnification. Look closely at the edges of shapes and text:
✓ Vector Result
- Edges remain perfectly smooth
- Lines stay crisp at any zoom level
- No visible squares or jagged edges
- Quality identical at 100% and 1000% zoom
✗ Raster Result
- Edges become jagged or stair-stepped
- Individual pixels (squares) become visible
- Image appears blurry or fuzzy
- Quality degrades as zoom increases
Method 2: Check the File Extension
| Always Vector | Always Raster | Can Be Either |
|---|---|---|
| .ai, .eps, .svg | .jpg, .jpeg, .gif, .bmp, .tif, .tiff | .pdf, .png (rare) |
Method 3: Check File Properties
- Vector files: File size often small (KB) even for complex logos; no pixel dimensions listed
- Raster files: Show pixel dimensions (e.g., 2000 x 1500 pixels); file size increases with resolution
Common Trap: A raster image placed inside an AI or EPS file is still raster. The container doesn't change the content. Always verify with the zoom test.
File Format Reference Guide
Use this comprehensive reference to understand what each file format offers and when to use it. For more details, see our complete File Types Guide.
| Format | Type | Transparency | Ideal For | Avoid For |
|---|---|---|---|---|
| .AI | Vector | Yes | Logos, illustrations, production files | Photographs |
| .EPS | Vector | Yes | Cross-platform sharing, print production | Web use, photographs |
| Either | Yes | Proofing, printing, sharing | None (verify contents) | |
| .SVG | Vector | Yes | Web graphics, icons | Complex illustrations, print |
| .PNG | Raster | Yes | Web graphics, DTG/DTF printing | Logos that need scaling |
| .JPG | Raster | No | Photographs, full-color images | Logos, graphics with transparency |
| .TIFF | Raster | Yes | High-quality print, archiving | Web use (large file size) |
| .PSD | Raster | Yes | Photo editing, layered designs | Final production (export first) |
| .GIF | Raster | Limited | Simple web animations | Print (limited colors, low quality) |
Common Mistakes to Avoid
These are the most frequent file issues we see—and how to avoid them:
1. Raster in a Vector Wrapper
Placing a JPG or PNG inside an Illustrator (.ai) or EPS file doesn't convert it to vector. The image is simply "placed" inside the vector container but remains raster with all its limitations. Always verify using the zoom test.
2. Upscaling Low-Resolution Images
You cannot add resolution that doesn't exist. Enlarging a 72 DPI web image to 300 DPI doesn't create detail—it just spreads the same pixels over more space, resulting in a blurry print. Always start with a high-resolution source or have the image recreated.
3. Using RGB Instead of CMYK
RGB (Red, Green, Blue) is for screens. CMYK (Cyan, Magenta, Yellow, Black) is for print. Some vibrant RGB colours—especially bright blues, greens, and purples—cannot be reproduced in print and will appear duller. For screen printing, Pantone (PMS) spot colours provide the most accurate colour matching.
Colour Warning: That electric blue you see on screen may print as a muted navy. Always request a physical proof or Pantone swatch for colour-critical projects.
4. Forgetting to Outline Fonts
Fonts are software. If you send a vector file with live text and the printer doesn't have that font installed, the text will substitute with a default font (often something generic like Arial). Always convert text to outlines before sending files for production.
5. Sending Files with Backgrounds
White backgrounds on logos cause problems. For most printing methods, your logo should have a transparent background so it can be placed on any colour garment. Save as PNG with transparency or as a proper vector file.
6. Downloading Logos from Websites
That logo on your website is optimized for screens (typically 72 DPI and small pixel dimensions). It will not print well. Always use source files from your original designer or brand guidelines—never pull from websites, email signatures, or social media.
How to Prepare Print-Ready Files
Follow this checklist to ensure your files are ready for production. Properly prepared artwork moves straight to printing with no delays. Review our Design Dos and Don'ts Guide for additional tips.
Vector File Checklist
- Text converted to outlines/curves
- Colours set to Pantone (PMS) or CMYK values
- No linked images (embed all elements)
- Unnecessary layers and elements removed
- Saved in .AI, .EPS, or vector .PDF format
- File named clearly with version info
Raster File Checklist
- Resolution is 300 DPI at actual print size
- Colour mode is CMYK for print
- Transparent background (PNG) if needed
- Saved in PNG, TIFF, or PSD format (not JPG if possible)
- No visible compression artifacts
- Layers flattened or organized if PSD
Don't Have the Right Files? Contact your original designer for source files. If that's not possible, we offer design services including logo vectorization and file preparation.
Need Help with Your Artwork?
Whether you need a logo converted to vector, artwork prepared for print, or help creating a new design, our team can help.
Get a Free Quote Design ServicesFrequently Asked Questions
What file format is best for custom printing?
+Vector formats (AI, EPS, PDF with outlined fonts) are best for logos, text, and illustrations because they scale to any size without quality loss. For photographs or complex images with gradients, high-resolution raster files (300 DPI minimum at print size) in PNG, PSD, or TIFF format work well.
How do I know if my logo is vector or raster?
+Open the file and zoom in to 400-800%. If the edges remain perfectly smooth and crisp, it's vector. If you see pixels (tiny squares) or the edges become jagged and blurry, it's raster. Also check the file extension: AI, EPS, and SVG are typically vector; JPG, PNG, GIF, and BMP are always raster.
Can you convert my JPG to vector?
+Yes, but it requires manual redrawing or auto-tracing. Simple logos with clean lines can often be auto-traced with good results. Complex images, photographs, or detailed artwork require manual recreation by a designer. This process is called vectorization and may have an additional cost depending on complexity. Learn about our design services.
What DPI do I need for t-shirt printing?
+For raster images, you need 300 DPI at the actual print size. So if your design will print 12 inches wide, your file should be 3,600 pixels wide (12 x 300). For vector files, DPI doesn't apply because vectors are resolution-independent and scale infinitely.
Why does my logo look blurry when printed large?
+Your logo is likely a raster file that's too small for the print size. When raster images are enlarged beyond their pixel dimensions, they become blurry or pixelated. Either provide a higher-resolution version or have the logo converted to vector format, which can scale to any size.
What's the difference between RGB and CMYK?
+RGB (Red, Green, Blue) is for screens and digital displays. CMYK (Cyan, Magenta, Yellow, Black) is for printing. Some bright RGB colours cannot be reproduced in print. For best results, design in CMYK or Pantone spot colours, or be aware that vibrant screen colours may appear slightly different when printed.
Do I need to convert text to outlines?
+Yes, when sending vector files for production. Converting text to outlines (or curves) turns the text into shapes, eliminating the need for the printer to have your specific fonts installed. Without outlining, text may substitute with a default font, ruining your design.
What if I only have a low-resolution logo?
+You have several options: 1) Contact the original designer for source files, 2) Check brand guidelines or portals for official assets, 3) Have the logo professionally redrawn as a vector, 4) Use a smaller print size where the resolution is adequate, or 5) For simple logos, auto-tracing may produce acceptable results. Contact us for help with logo recreation.
Related Resources
Continue Exploring
Custom T-Shirts
From $8.99 — 100+ styles
Custom Hoodies
Pullover & zip-up styles
Custom Polo Shirts
Corporate & team wear
Explore More Resources
Local Services
Buying Guides
- How to Choose the Right T-Shirt
- Pricing Guide
- Best Custom T-Shirts Toronto
- Best Custom T-Shirts Montreal
- Custom T-Shirt Printing Costs Canada
- Custom Apparel for Podcasters
- Screen Printing vs DTF vs Embroidery
- Logo Placement Guide
- Production Timelines
- Same-Day Printing
- Rush Screen Printing
- Next-Day T-Shirt Printing
Comparisons
Top Reviews
Our Services: T-Shirt Printing · Screen Printing · Embroidery · DTF Printing · DTG Printing · Sublimation · Heat Transfer
More Canadian Cities: Kitchener · London · Windsor · Victoria · Surrey · Saskatoon · Regina · Halifax
