Learn
Print vs. Digital Design Formats
A design that looks perfect on screen can come back from the printer looking dull, muddy, or slightly wrong. The reverse is true too: a file prepared for print may display with oversaturated colours on a monitor. The reason is that screens and printers produce colour in fundamentally different ways, and each medium has its own requirements for resolution, file format, and layout. Understanding these differences is not optional knowledge for designers; it is the baseline for delivering work that looks right in its intended medium.
This guide covers the core distinctions between print and digital formats, from colour models and resolution to file types and preparation checklists. Whether you are sending a poster to a commercial printer or exporting graphics for a website, these are the technical foundations you need.
The fundamental difference
Screens and paper produce colour through opposite physical processes. A screen emits light. Each pixel is a tiny cluster of red, green, and blue sub-pixels that blend together at varying intensities to create the colours you see. This is additive colour: start with black (no light) and add red, green, and blue light together to reach white.
Print works the other way around. Ink absorbs light rather than emitting it. A printed page starts white (the paper reflects all light) and ink is laid on top to absorb specific wavelengths. This is subtractive colour: start with white and subtract light by adding cyan, magenta, yellow, and black ink. The more ink, the darker the result.
This difference is not just theoretical. It has practical consequences for every design decision, from the colours you choose to the file format you export. A vivid electric blue that a screen can display effortlessly may be outside the range that CMYK inks can reproduce. If you design in one colour model and convert to the other at the last moment, you will get surprises.
RGB vs CMYK explained
RGB stands for red, green, blue. It is the colour model used by every screen: monitors, phones, tablets, projectors. RGB is an additive model with a relatively wide gamut, meaning it can represent a broad range of colours. The values for each channel run from 0 to 255, giving a theoretical total of about 16.7 million colours. The specific gamut depends on the colour space in use; sRGB is the most common for web, while Adobe RGB and Display P3 offer wider ranges for professional work. For a deeper look at how colour spaces work, see the guide on what colour space is.
CMYK stands for cyan, magenta, yellow, and key (black). It is the colour model used by commercial printers. CMYK is a subtractive model with a narrower gamut than RGB. Each channel is measured as a percentage from 0 to 100, representing the amount of each ink laid down. Because CMYK relies on physical ink on physical paper, it cannot reproduce certain colours that RGB handles easily. Bright neon greens, vivid purples, and some deep blues fall outside the CMYK gamut. When you convert an RGB design to CMYK, those out-of-gamut colours get mapped to the closest CMYK equivalent, which is usually a less saturated version of what you had on screen.
The practical rule is simple: design for the final medium. If the work will appear on a screen, design in RGB. If it will be printed, design in CMYK from the start. Converting at the end is possible but often produces colour shifts that require manual correction.
Resolution requirements
Resolution is one of the most misunderstood topics in design, partly because the rules are different for screen and print.
For digital work, pixel dimensions are what matter. A 1920 by 1080 pixel image will display sharply on a 1080p screen regardless of what DPI value is embedded in the file metadata. The DPI (dots per inch) or PPI (pixels per inch) setting in a digital image is metadata; it does not add or remove pixels. A web browser or app looks at the pixel dimensions and displays them accordingly. For high-density screens (Retina displays and their equivalents), you may need images at 2x or 3x the display size to appear sharp, but the principle is the same: it is the pixel count that determines quality.
For print, PPI at the intended print size is what matters. The standard is 300 PPI at the size the image will be printed. This means a 3000 by 2000 pixel image can be printed sharply at 10 by 6.67 inches (3000 divided by 300 equals 10 inches). Print it any larger and the PPI drops below 300, which typically means visible softness or pixelation. The full distinction between DPI and PPI is worth understanding if you work regularly with print.
For large-format printing, such as banners and billboards, the required PPI is lower because the viewer stands further away. A billboard might be printed at 30 to 72 PPI and still look sharp from across the street. The rule of 300 PPI applies to materials viewed at arm's length: brochures, business cards, magazines, books.
A common mistake is designing at 72 PPI "for screen" and then trying to use the same file for print. The image does not have enough pixels to print at a reasonable size. Starting with enough resolution for both uses, or maintaining separate files for each, avoids this problem entirely.
Bleed and safe zones
Bleed and safe zones are print-specific concepts that have no equivalent in digital design. They exist because of how paper is cut after printing.
Commercial printing works on large sheets that are trimmed down to the final size after printing. The trim line is where the cut is intended to happen, but cutting is not perfectly precise. It can shift by a fraction of a millimetre in any direction. If your design has colour or imagery that runs right to the edge of the page, the bleed area provides insurance. Bleed is the area beyond the trim line where your design extends, typically 3mm on all sides. This ensures that even if the cut is slightly off, there is no white sliver of unprinted paper at the edge.
The safe zone (also called the margin or safety area) works in the opposite direction. It is an area inside the trim line where you keep important content, such as text, logos, and key elements. The standard safe zone is 5 to 10mm inside the trim line. If the cut shifts inward, content in the safe zone will still be fully visible.
When setting up a print document, you define three boundaries: the bleed edge (outer), the trim line (the intended final size), and the safe zone (inner). Any background colour, pattern, or imagery that touches the edge should extend to the bleed edge. All important content should stay within the safe zone.
Digital design has no bleed because pixels are not cut. The edge of a digital canvas is the edge of the design. Responsive web design introduces its own form of "safe zone" thinking, where content must remain accessible across different screen sizes, but that is a layout concern rather than a production one.
File formats for print
The choice of file format for print delivery affects quality, compatibility, and what the printer can do with your file.
PDF is the standard format for delivering print-ready files. A well-prepared PDF preserves vector elements, embeds fonts, supports CMYK and spot colours, handles transparency correctly, and can include bleed and trim marks. Most commercial printers prefer PDF/X, a subset of the PDF standard specifically designed for print production. When you export a PDF for print, ensure that the colour mode is set to CMYK, fonts are embedded or outlined, and images are at the correct resolution.
TIFF is a high-quality raster format used for photographs and detailed imagery in print workflows. Unlike JPEG, TIFF supports lossless compression (or no compression), which means image quality is preserved through multiple saves. TIFF also supports CMYK colour and layers. It produces large files, which is expected and acceptable in print production.
EPS is a legacy vector format that many printers still accept. It handles vector artwork and text well, though PDF has largely replaced it for most print workflows. If a printer requests EPS, they can usually accept PDF instead.
Native application files, such as Adobe Illustrator (.ai) and InDesign (.indd) files, are sometimes requested when the printer needs to make adjustments to the layout, adjust colours, or fix technical issues. These are source files, not delivery files, and should only be shared when specifically requested. Understanding design file formats in general helps when navigating these decisions.
File formats for digital
Digital formats are optimised for screen display, small file sizes, and web performance, priorities that differ sharply from print.
PNG (Portable Network Graphics) is the standard for web graphics that need transparency or sharp edges, such as logos, icons, and illustrations. PNG uses lossless compression, so quality is preserved, but files can be large for photographs. For a full breakdown of when to use PNG versus other formats, see the guide on image file formats.
JPEG is the standard for photographs on the web. It uses lossy compression, which means some quality is sacrificed in exchange for much smaller file sizes. JPEG does not support transparency. For web use, a JPEG at quality level 80 to 85 is typically a good balance between appearance and file size.
SVG (Scalable Vector Graphics) is a vector format for the web. Logos, icons, and illustrations saved as SVG remain sharp at any size because they are rendered from mathematical descriptions rather than pixels. SVG files can also be styled with CSS and animated with JavaScript, making them versatile for web interfaces.
WebP and AVIF are modern formats that offer better compression than PNG and JPEG while maintaining comparable quality. Browser support for WebP is now near-universal; AVIF is newer and growing. Both are worth considering for web projects where performance matters.
GIF remains in use for simple animations and very simple graphics with limited colour palettes. For anything more complex, video formats or animated SVGs are usually better choices.
Preparing files for print
Preparing a file for print is a process with several distinct steps, and skipping any of them can result in problems at the press.
Start in the correct colour mode. If you know the piece will be printed, set your document to CMYK from the beginning. Converting from RGB to CMYK at the end is possible, but it often shifts colours in ways that require manual adjustment. Some colours that look right in RGB will appear noticeably different in CMYK, and catching those shifts early gives you time to choose acceptable alternatives.
Embed or outline your fonts. If a printer does not have the font you used, the software will substitute another font, which can break your layout entirely. Embedding fonts includes the font data in the file. Outlining (or converting to curves) turns text into vector shapes, which eliminates font dependency but makes the text uneditable. Embedding is generally preferred for PDF delivery; outlining is a fallback.
Include bleed. Set up your document with the correct bleed (typically 3mm) and extend any edge-touching elements to the bleed line. Export with bleed included and, if your printer requests them, with trim marks.
Check resolution. Every raster image in your document should be at least 300 PPI at its placed size. An image that is 300 PPI at its original size but scaled up to 200% in the layout is now 150 PPI at its printed size, which is not enough.
Run a preflight check. Most professional design software includes preflight tools that scan your document for common issues: low-resolution images, missing fonts, RGB elements in a CMYK document, text outside the safe zone. Running preflight before exporting catches problems that are easy to fix at this stage and costly to fix after printing.
Spot colours and Pantone
Standard CMYK printing builds every colour from four inks. For most work, this is sufficient. But CMYK has limitations. It cannot produce certain colours, such as metallic golds, fluorescent pinks, or very specific brand colours that need to match precisely across different print runs and materials.
Spot colours address this. A spot colour is a pre-mixed ink applied as a single pass on the press, rather than being built from CMYK dots. The Pantone Matching System (PMS) is the most widely used spot colour system. Each Pantone colour has a unique reference number, and the ink is mixed to that specification, ensuring consistent reproduction regardless of the printer or the print run.
Spot colours are most commonly used for brand-critical colour matching (when your brand blue needs to be exactly the same on a business card, a banner, and packaging), metallic and fluorescent inks that CMYK cannot reproduce, and simple designs where using one or two spot colours is more economical than full CMYK. If your team manages brand colours centrally, understanding how spot colours fit into brand asset management is useful.
Using spot colours adds cost because the press needs an additional ink unit for each spot colour. For most digital design work, spot colours are irrelevant, but for print production, they are a tool worth understanding.
Common mistakes
Several mistakes appear repeatedly in files sent to print, and almost all of them are preventable with basic awareness.
Designing in RGB and converting to CMYK at the last minute is the most common. The conversion shifts colours, sometimes subtly and sometimes dramatically. A vivid orange can turn muddy. A bright purple can shift toward blue. Converting early and proofing the CMYK version on screen (and ideally on a calibrated monitor) catches these shifts before they reach the press.
Insufficient resolution is the second most common problem. An image pulled from a website is typically 72 to 150 PPI and far too small for print. Scaling it up in the layout does not add detail; it just makes the existing pixels larger. Always check the effective resolution of placed images, not just the original file's resolution.
Missing bleed catches many first-time print designers. Without bleed, any design that runs to the edge of the page will have a thin white border on one or more sides after trimming, because the cut will never align perfectly with the design edge.
Wrong colour profile is a subtler issue. Even within CMYK, there are different profiles (such as FOGRA39 for European offset printing or US Web Coated SWOP for American presses). Using the wrong profile can shift colours. Ask your printer which profile to use.
Not outlining or embedding fonts leads to text substitution, which can change the appearance of the entire piece. Check your export settings and, when in doubt, ask the printer what they prefer.
For designers and agency owners who work across both mediums regularly, keeping print and digital files organised in a cloud workspace with strong search prevents the wrong version from being sent to the wrong destination. A file labelled and stored correctly is a file that does not cause a reprint.
Keeping print and digital files together
When a design exists in both print and digital versions, keeping both variants organised and accessible is important. The print-ready CMYK PDF, the web-optimised RGB PNG, and the source file all relate to the same piece of work, and they should be easy to find together.
A clear file naming convention helps here. Including the output medium in the filename, such as "poster-summer-campaign-cmyk-print.pdf" and "poster-summer-campaign-rgb-web.jpg", makes it immediately clear which file is which. Storing both versions in a workspace that supports visual previews and design project organisation keeps them from drifting apart over time.
Fabric handles this kind of dual-format workflow well. Storing print and digital files together, with visual previews and search, means you can find either version quickly without guessing which folder it ended up in or whether the file you are looking at is the right format for the job.
Frequently asked questions
Can I convert an RGB file to CMYK without losing quality?
You can convert without losing pixel data, but some colours will shift. Any colour outside the CMYK gamut will be remapped to the nearest reproducible equivalent, which usually means less saturation. The shift is unavoidable because CMYK simply cannot reproduce every RGB colour. Converting early and making manual adjustments gives the best results.
Why does my print look different from my screen?
Screens emit light and use RGB; prints absorb light and use CMYK. The two colour models have different gamuts, so some colours cannot be matched exactly. Additionally, screens vary in calibration, paper type affects how ink appears, and ambient lighting changes how you perceive printed colours. A calibrated monitor and a physical proof from the printer are the most reliable ways to predict the final result.
What resolution should images be for print?
300 PPI at the intended print size is the standard for materials viewed at arm's length (business cards, brochures, books, magazines). For large-format printing viewed from a distance (banners, posters larger than A2), 150 PPI or even lower is often acceptable. For billboards, 30 to 72 PPI is typical.
What is bleed and why do I need it?
Bleed is the area beyond the trim line where your design extends, typically 3mm. It exists because paper cutting is not perfectly precise. Without bleed, a slight misalignment during cutting can leave a thin white strip along the edge of your printed piece. Any colour, image, or pattern that should run to the edge of the finished piece must extend into the bleed area.
Should I use PDF or TIFF for sending files to a printer?
PDF is the standard and preferred format for most print jobs. It handles vector and raster content, embeds fonts, supports CMYK and spot colours, and can include bleed and trim marks. TIFF is used mainly for standalone photographic images. For a complete layout (a poster, brochure, or business card), PDF is the correct choice.
What is the difference between DPI and PPI?
PPI (pixels per inch) describes the density of pixels in a digital image. DPI (dots per inch) describes the density of ink dots a printer lays down. In practice, the terms are often used interchangeably, but they refer to different things. When preparing files, think in terms of PPI. A full explanation is in the guide on DPI vs PPI.
When do I need Pantone or spot colours?
You need spot colours when CMYK cannot produce the colour you require (metallics, fluorescents), when brand colour consistency across print runs and materials is critical, or when a design uses only one or two colours and spot-colour printing is more economical than full four-colour process. For most day-to-day printing, CMYK is sufficient.
What is a preflight check?
Preflight is the process of scanning a print-ready file for technical issues before sending it to the printer. It checks for problems like low-resolution images, missing fonts, incorrect colour modes, transparency issues, and missing bleed. Most professional design applications have built-in preflight tools, and many printers offer their own preflight checks as part of their workflow.
Can I use the same design file for both print and web?
You can use the same source design, but you will need to export separate files for each medium. The print version needs CMYK colour, 300 PPI resolution, bleed, and a format like PDF. The digital version needs RGB colour, appropriate pixel dimensions, and a format like PNG, JPEG, or SVG. Maintaining both exports from a single source file is the most efficient approach.
What does "outline fonts" mean?
Outlining fonts converts text characters from editable type into vector shapes (paths or curves). Once outlined, the text no longer depends on the font file being present, so there is no risk of font substitution. The trade-off is that outlined text cannot be edited as text. Outlining is commonly done when a printer cannot accept embedded fonts or when you want to guarantee that text renders correctly regardless of the software used to open the file.