The same photograph needs completely different treatment depending on whether it ends up on paper or on a screen. Print is subtractive color on a reflective surface at a fixed physical size. Digital is additive color on a backlit display at variable dimensions. The physics are different, so the format requirements are different.

This guide lays out the specific differences, with the actual values you need for each scenario. No vague "use high resolution" — exact DPI targets, exact color modes, exact format recommendations.

Resolution: The Core Difference

Resolution means different things in print and digital contexts, and conflating them is the source of most production errors.

Print resolution is defined in dots per inch (DPI) relative to the output's physical dimensions. A 3000x2000px image printed at 10"x6.67" = 300dpi. The same image printed at 20"x13.33" = 150dpi. The pixel count hasn't changed; only the print size changed.

Standard targets:

  • 300dpi: Commercial printing (magazines, brochures, business cards, packaging). This is the universal minimum for close-viewing print.
  • 150dpi: Large format posters, banners viewed from 3+ feet. Acceptable because viewers don't inspect these at arm's length.
  • 72–100dpi: Billboards, building wraps viewed from 20+ feet. A billboard image at 300dpi would be an absurdly large file for no visual benefit.

The math: Final print dimension (inches) × DPI = required pixels. A 4"x6" photo at 300dpi needs 1200x1800 pixels. A 24"x36" poster at 150dpi needs 3600x5400 pixels. A 10'x20' billboard at 72dpi needs 8640x17280 pixels.

Digital: Pixel Dimensions Only

On screen, DPI is meaningless. A 1920x1080 image takes up the same space on a display regardless of whether its metadata says 72dpi or 300dpi. The browser, OS, or app renders it at the pixel dimensions specified by CSS, layout constraints, or the image's intrinsic size.

What matters: Pixel dimensions relative to the display container. A hero image displayed at 1920px CSS width on a 2x Retina display needs a 3840px wide source image for pixel-perfect rendering. On a 1x display, 1920px is sufficient.

Common digital targets:

  • Full-width desktop: 1920–2560px wide
  • Blog/article images: 800–1200px wide
  • Thumbnails: 200–400px wide
  • Social media: Platform-specific (1080x1080 Instagram, 1200x630 Facebook OG)

Color Modes: CMYK vs RGB

This is the difference that causes the most expensive mistakes.

CMYK for Print

CMYK (Cyan, Magenta, Yellow, Key/Black) is subtractive color mixing. Inks absorb light wavelengths from the white paper surface. More ink = darker. All four inks at 100% = muddy near-black (which is why the Key/Black channel exists for true blacks).

Gamut limitations: CMYK cannot reproduce highly saturated blues, greens, and oranges that RGB displays show effortlessly. Bright electric blue on screen becomes a duller, more purple blue in CMYK. Neon green becomes a muted olive-ish green. This shift is inherent to the physics of ink-on-paper and cannot be fixed with better software.

Spot colors (Pantone): When a specific color must be exact (brand colors, logos), use Pantone spot inks mixed from a formula rather than CMYK process colors. Spot colors achieve gamut outside CMYK's range and guarantee consistency across print runs.

Total ink coverage: Most commercial printers limit total ink to 280–320% (sum of C+M+Y+K at any pixel). Exceeding this causes ink pooling, slow drying, and bleed-through on thinner papers. Your PDF export profile should enforce this limit.

RGB for Digital

RGB (Red, Green, Blue) is additive color mixing on backlit displays. Pixels emit light at three wavelengths, and your eye blends them. Maximum RGB (255, 255, 255) = white. Zero RGB (0, 0, 0) = black (display off).

sRGB: The standard color space for web and general screen use. Covers about 35% of the visible spectrum. All browsers, all operating systems, and virtually all displays default to sRGB. Embed the sRGB ICC profile in your images, or better yet, assume it (untagged images are treated as sRGB by web browsers).

P3/Wide Gamut: Apple displays, many modern monitors, and flagships phones support the P3 color space (25% wider than sRGB). If your audience uses modern hardware, P3 images show more vibrant reds, oranges, and greens. Always provide sRGB fallback.

Format Selection: Print vs Digital

Use CasePrint FormatDigital FormatWhy
PhotographsTIFF (CMYK, 300dpi)WebP or JPG (sRGB)Print needs lossless CMYK; screen needs small lossy RGB
Logos/iconsPDF or EPS (vector, CMYK)SVG (vector, RGB)Both need scalability; color mode differs
Multi-page documentsPDF/X-1a (CMYK, embedded fonts)PDF (RGB) or HTMLPrint needs press-ready PDF; digital is flexible
IllustrationsTIFF or PDF (CMYK)PNG or SVG (sRGB)Print needs color fidelity; digital needs transparency
Screenshots/UIPNG (RGB, 300dpi at size)PNG or WebP (sRGB)Lossless both ways; print just needs higher resolution
Charts/graphsPDF (vector, CMYK)SVG (vector, sRGB)Vector for crisp lines at any scale

ICC Profiles and Color Management

ICC profiles are the translation layer between how you see color on screen and how it appears in print (or on another screen).

What ICC Profiles Do

An ICC profile describes a device's color behavior. Your monitor's profile says "when I set pixel (128, 0, 0), this is the exact red that appears." A printer's profile says "to reproduce this exact red, I need C:0 M:95 Y:87 K:3." Color management software uses both profiles to translate colors accurately between devices.

Embedded profiles: TIFF, JPEG, PNG, and PDF can all embed ICC profiles. When you embed sRGB in a JPEG, you're saying: "interpret these RGB values according to the sRGB standard." Software that understands color management will display the image correctly on any calibrated display.

Untagged images: Images without an embedded profile. Web browsers assume sRGB. Print RIPs may assume SWOP, GRACoL, or their house profile. The assumption may be wrong, producing incorrect colors. Always embed profiles.

Soft Proofing: Preview Print on Screen

Soft proofing simulates how your image will look when printed, displayed on your calibrated monitor. In Photoshop: View > Proof Colors, with the printer's ICC profile selected.

What it shows: Out-of-gamut colors (RGB colors that can't be reproduced in CMYK), overall color shift from the profile conversion, contrast changes (print has less dynamic range than a backlit display), and paper white simulation (paper isn't pure white; it shifts the entire tonal range).

Rendering intents: Relative Colorimetric (default for most work, clips out-of-gamut colors to nearest in-gamut equivalent), Perceptual (compresses entire gamut to fit, preserving relationships between colors — better for photographs with many out-of-gamut colors), Saturation (maintains relative saturation — for charts and graphics), Absolute Colorimetric (simulates paper white — for proofing only).

Paper Type Affects Everything

Glossy coated: Widest gamut, sharpest detail, most vibrant colors. Best for photographs and color-critical work. GRACoL 2006 or similar profile.

Matte coated: Slightly smaller gamut, no glare. Better for documents read under variable lighting. Colors appear slightly muted versus glossy.

Uncoated: Noticeably reduced gamut and sharpness. Ink absorbs into paper fibers (dot gain), making everything darker and less saturated. Use a dedicated uncoated ICC profile (SWOP Uncoated or GRACoL Uncoated). Expect 15–25% reduction in perceived saturation versus glossy.

The takeaway: Always know the paper stock before finalizing colors for print. The same CMYK values produce visibly different results on different papers. Ask the printer for their paper-specific ICC profile.

Dual-Output Workflow: Print and Digital from One Source

Many projects require both print and digital output from the same design. The workflow matters.

Design in RGB. Specifically, design in Adobe RGB or P3 (wider gamut than sRGB, closer to CMYK's gamut in some ranges). This gives you the best starting point for both outputs.

Export digital first. Convert to sRGB, export as WebP/PNG/SVG. This is a straightforward gamut reduction — simple and non-destructive from the original RGB.

Export print second. Convert to CMYK using the target printer's ICC profile. Soft-proof before converting. Adjust any colors that shift unacceptably. Export as PDF/X or TIFF. This conversion is destructive, which is why it comes last.

What not to do: Don't design in CMYK and convert to RGB for digital. You'll have a smaller gamut than sRGB from the start, and your digital assets will look dull compared to what sRGB can achieve. Don't design in sRGB and convert to CMYK either — sRGB's gamut is narrower than Adobe RGB, so you're starting with less color range than necessary.

The print-vs-digital divide is really a physics divide: ink on paper versus light from pixels. Once you internalize that every decision flows from this physical difference — subtractive vs additive color, fixed vs variable size, reflective vs emissive viewing — the format choices become obvious.

Design in RGB for maximum flexibility. Export to each medium's requirements at the end. Soft-proof before committing to print. And when you need to move between formats, ChangeThisFile handles the conversion so you can focus on the design.