The Art of Translation: Designing for Print vs. Digital

Why Your Shirt Doesn't Match Your Screen

What Happens Between Your File and the Finished Print

February 8, 2026

Almost every customer who's ordered custom shirts has had this moment. The design looks perfect on a laptop. The colors are vivid, the details are sharp, and the mockup looks exactly like what they want on a shirt. Then the printed shirts arrive and something's off. The blue isn't as bright. The thin lines aren't as crisp. The gradient doesn't look quite the same. It's not that the printer did a bad job. It's that a computer screen and a printed garment are two completely different mediums, and the design has to survive a translation between them. Understanding where that translation happens will save you a round of revisions and get you closer to what you actually want on the first run.

Your Monitor Is Lying to You

A computer screen generates color by blasting light directly at your eyes. It combines red, green, and blue light at various intensities to create millions of colors, and the whole image is backlit from behind the glass. That's called additive color. The more light you add, the brighter it gets. White on a screen is every color of light firing at once.

Ink on a shirt doesn't generate light. It absorbs some wavelengths and reflects others back to you under whatever ambient light is in the room. That's subtractive color. A bright teal on a monitor is created by blending blue and green light at high intensity. That same teal in ink is created by mixing pigments that absorb everything except the teal wavelengths and bounce those back at a fraction of the brightness. The ink version will always appear softer, deeper, and less electric than the screen version. It's not a limitation of the printer or the ink. It's physics. An illuminated pixel and a pigment on cotton are producing color through fundamentally different mechanisms, and there's a ceiling on how vivid a reflective surface can get compared to an emissive one.

What the Garment Color Does to Your Design

Ink is not opaque enough to just overpower whatever's underneath it. The color of the shirt influences the final appearance of the print. On a white garment, ink goes down directly onto a neutral surface and the color reads close to the swatch. On a black shirt, a white underbase has to be printed first, and then the design colors go over that. The underbase acts as a foundation that blocks the dark fabric from absorbing the color above it. Without it, a red on a black shirt would look muddy and dark because the fabric would eat the vibrancy.

But that underbase changes the equation. The colors now sit on top of a layer of white ink instead of directly on the cotton. They look slightly different than the same colors printed directly on a white shirt because they're interacting with a cured ink surface rather than raw fiber. On heather fabrics, the blended gray and white fibers create a speckled texture under the print that shows through in the thinner areas of the design. None of this is visible in a digital mockup because the mockup just overlays a flat graphic on a flat photo. The interaction between ink, underbase, and fabric texture is something that only exists in the physical print. It's one of the reasons we send a digital proof on every order before anything goes to press — so you can see the design on the actual garment color and approve the placement before we burn a single screen.

Vector vs. Raster and Why It Matters

Screen printing uses physical stencils. A design gets separated into individual colors, each color gets burned onto its own mesh screen, and ink gets pushed through the open areas of the stencil onto the garment. For this to produce a sharp print, the artwork needs clean, defined edges. That's where file format becomes critical.

Vector files, typically .AI, .EPS, or .SVG, are built from mathematical paths. They can be scaled to any size without losing sharpness because the edges are defined by equations, not pixels. A vector logo looks the same at one inch and at twelve inches. Raster files, like .JPG, .PNG, or .TIFF, are built from a grid of pixels. At the size they were created, they look fine. Scale them up and the pixels stretch, and the edges go soft. A logo that was 300 pixels wide on a website will fall apart at print size because there's not enough data in the file to fill a 12-inch wide chest print.

We can work with high-resolution raster files, but they need to be at least 300 DPI at the actual print size. That means if your print is going to be 12 inches wide, the file needs to be 3,600 pixels across at minimum. Most images pulled from a website or social media are 72 to 150 DPI, which looks fine on a phone but produces a blurry stencil when we blow it up for a screen. Send the original design file whenever possible. If it was built in Illustrator or Corel, send the native file. If the only version that exists is a small JPG from a website, we can rebuild it — just know that it adds time to the process. Reach out with whatever you have and we'll tell you exactly where things stand before we start.

How Gradients Become Halftones

A smooth gradient on a computer is a continuous blend of color values. Every pixel transitions incrementally from one shade to the next. Screen printing can't do continuous tones because each color is a single ink pushed through a single screen. To simulate a gradient, the design gets converted into halftones: a pattern of tiny dots that vary in size. Where the tone is dark, the dots are large and close together. Where it fades lighter, the dots shrink and the space between them opens up, letting the fabric or underbase show through. From a normal viewing distance, the eye blends the dots into what looks like a smooth fade.

Up close, you can see the dot pattern. This is normal and expected in screen printing. The fineness of the halftone depends on the mesh count of the screen. A 230-mesh screen can hold a finer dot than a 110-mesh, but finer dots also mean thinner ink deposits and less opacity. There's a practical limit to how smooth a gradient can look on fabric versus what Photoshop can render on a monitor. Designs with gentle, gradual fades across large areas tend to translate well. Designs with tight, fast transitions between colors in a small space can posterize or band, meaning the smooth fade turns into visible steps. If your artwork relies heavily on gradients, keeping the transitions broad and giving them room to breathe produces a cleaner result on the finished garment than cramming complex fades into a small print area. You can see how halftones and gradients look in practice on actual garments in our project gallery.

Color Count Changes Everything

On a computer, adding another color to a design is free. In screen printing, every color requires its own screen: a separate stencil that has to be created, registered to the press, and printed in sequence. A one-color print on a white shirt is one screen, one pass, and a straightforward job. A six-color print with an underbase on a dark shirt is seven screens, seven passes, and a significantly more complex setup with tighter registration tolerances.

More colors doesn't automatically mean a better-looking shirt. Some of the strongest screen printed designs are one or two colors on a well-chosen blank. A single PMS color on a Comfort Colors 1717 in Chambray looks clean and retail-ready without any complexity. Meanwhile, a design with eight colors that wasn't properly separated for screen printing can end up looking muddier than a simpler version would have. When you're designing for screen printing specifically, working within a controlled color count from the beginning tends to produce a sharper result than designing without limits and trying to reduce later. If your design does require a lot of colors, photo-realistic images and complex illustrations can be handled through simulated process printing, which uses four to six colors of halftones to reproduce a wide range, but the artwork needs to be separated specifically for that technique. Every additional color also adds to the per-shirt cost, so you can use our quote calculator to see exactly how the color count affects your price.

What to Send and What to Expect

The best file to send is a vector in .AI, .EPS, .SVG, or .PDF format with text converted to outlines. If the design was built in Photoshop or only exists as a raster file, send the highest resolution version available, ideally 300 DPI at the actual print size or larger. Avoid sending files embedded in Word documents, PowerPoint slides, or pulled from social media. Those formats compress the image and strip out the data we need.

Include the colors you want, either as specific Pantone numbers or just describe them and we'll match from there. You don't need to provide exact PMS codes if you don't have them. A description like "dark forest green" or "the blue from our website" gives us enough to pull the right swatch and confirm before we print. We work with whatever you send us and handle the color matching on our end.

Expect that the printed version will look slightly different from your screen. Colors will be a touch less saturated. Fine details under about 1 point in stroke weight may not hold on fabric the way they hold on paper or screen. And the texture of the ink on cotton creates a physical dimension that no mockup can replicate. Most customers find that the printed shirt looks better than the mockup once they're holding it in hand because the combination of ink weight, fabric texture, and garment color creates something that a flat image on a screen can't convey. The design goes from a picture to an object, and that transition is what makes screen printing worth the effort.

Need Help With Your Files?

Send us what you have and we'll get it production-ready. No email required to start a quote.

Start Your Order
Back to blog