Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. DPI guidelines below are general print practice; always follow your printer's specification.

In short

  • The outcome: fewer reprints, refunds and angry emails, because low-resolution artwork is caught while the customer is still designing, not after it is printed.
  • How it works: DPI (dots per inch) decides print quality; 100 DPI vs 300 DPI is the gap between a soft, pixelated print and a sharp one. Cmsmart Product Designer enforces a minimum upload DPI, warns on low-resolution images and runs AI Preflight on order files before production.
  • What it takes: three settings for output DPI and upload rules, AI Preflight in Cmsmart Cloud, and an approval step in Orders.

The invitations arrive, the customer opens the box, and the type is fuzzy. They uploaded a 100 DPI image saved from a phone screen; nobody checked it before it printed. Now you reprint at your own cost, refund, or argue, and the customer remembers your shop for the wrong reason.

DPI print quality is a business problem before a technical one. This guide covers 100 DPI vs 300 DPI in plain terms, then shows how the Cmsmart Product Designer (NBDesigner) on WooCommerce stops low-resolution artwork with upload rules and AI preflight before production, and what Cmsmart builds for stricter, product-specific checks.

Print shop operator checking DPI print quality on a printed page before it ships
Every print quality problem found here, at the end, costs a reprint. The goal is to find it while the customer designs.

What is DPI print quality, and how do 100 DPI vs 300 DPI compare?

DPI means dots per inch: how many printed dots fit along one inch (2.54 cm). More dots give a sharper print, but only if the image really has enough pixels. Cmsmart Product Designer lets you set the DPI you print at and the minimum DPI customers may upload, so the 100 DPI vs 300 DPI gap is decided before the order, not after.

A low-resolution image cannot be rescued by a better printer: the pixels are simply enlarged and edges look soft or jagged. The usual rule of thumb, confirmed by PrintNinja's file-setup guidelines (updated June 2026), which trace the 300 DPI figure to the 150 lines-per-inch halftone screen ruling set out in ISO 12647-2:2013:

ResolutionTypical useWhat to expect
100 DPI or lessScreens, large signs seen from far awayVisible blur and pixelation on anything held in the hand
150–200 DPIPosters and large formats viewed at a distanceAcceptable at distance, soft up close
300 DPIBusiness cards, flyers, brochures, photosThe usual standard for sharp close-up print
600 DPI and aboveFine line art, small textBigger files; extra detail is hard to see in most products

100 DPI vs 300 DPI: at the same printed size, a 300 DPI image carries three times the pixels per inch, so edges and text stay crisp; at 100 DPI the same image looks soft. 200 DPI vs 300 DPI: 200 DPI can pass for large formats seen from a distance; for close-up print, ask for 300. General guidelines only; confirm colour profiles with your printer (see the International Color Consortium).

NBDesigner storefront product page for an Invitation with the Start and upload design button
The DPI conversation starts here: the moment a buyer clicks Start and upload design on a real product page.
How would you like to design chooser: upload a full design or design here online, shown before a buyer uploads artwork
Whichever path a buyer picks — upload a finished file or design online — the artwork they bring in is what DPI rules and AI Preflight check next.

What do low-resolution files cost a print shop?

Low-resolution files cost a print shop three times: staff time to check and chase better files, material and press time for reprints, and refunds or lost repeat customers when a soft print ships. Cmsmart's approach is to move the check to the moment of upload and again before production.

  • Reprints. Paper, ink, press time and shipping, paid twice.
  • Refunds and disputes. Customers rarely accept "your file was low resolution" after the fact.
  • Manual prepress. Staff open every file by hand, which does not scale.
  • Delays. Orders sit on hold for a better file.
  • Reputation. A soft print gets shared in reviews; a warning on screen does not.
Mobile product page for an Invitation with the design button above Add to cart
A design started on a 390px phone screen carries the same DPI risk as one from a desktop — low-resolution artwork does not announce itself until it prints soft.

Put your own number on it: orders per month × share with file problems × (cost per reprint or refund + staff minutes per file chase ÷ 60 × hourly cost).

What does a print shop with automatic quality checks look like?

In a print shop with automatic checks, the customer sees a low-resolution warning while designing, AI Preflight scans the order file for resolution, colour mode, bleed, fonts and transparency, and your team approves only files that pass or that they consciously accept. Cmsmart Product Designer 2.17.0 provides each of these steps.

Example scenario

A customer drags their logo onto a flyer at midnight. A notice says the image is too small for a sharp print, so they upload the original file instead. AI Preflight runs automatically on the order, flags a missing bleed; the operator auto-fixes, re-checks and approves. The flyers print once, sharp, and the customer orders again next month.

Want this on your store with your own rules? Talk to an ecommerce expert.

How does Cmsmart stop low-resolution artwork before it prints?

Cmsmart stops bad artwork in three layers: upload rules that block or warn on low DPI, AI Preflight in Cmsmart Cloud that scans order files and can auto-fix issues, and a human approval step in Cmsmart › Orders. AI drafts, people decide where it matters.

Human-in-the-loop AI preflight workflow: task input, AI draft, risk check, auto-approve or human review, action and audit log
AI preflight with a human in the loop: clear cases flow through, uncertain ones go to your team.

What is preflight? Preflight is the check a print file goes through before production: resolution, colour mode, bleed, fonts and transparency. Cmsmart's AI Preflight automates it and records the result on the order.

LayerIn the plugin today (2.17.0)Built as custom development
Output resolutionDefault output resolution - DPI (default 150), per-product DPI, Print resolution in Production specsDPI rules per product family and size
Upload rulesMin image upload resolution, Enable low resolution image, JPG min DPI and pixel limits for uploadsYour own DPI formula and warning design
In-editor checkThe online designer’s Preflight check button and AI Image Upscale (when enabled in Cmsmart Cloud)Block checkout until critical issues are fixed
Order preflightAI Preflight: resolution/DPI, colour mode, bleed, fonts, transparency; Required DPI (300 recommended); manual or automatic on new orders; auto-fix for missing bleed.Product-specific profiles, MIS hold rules
ApprovalApprove in Cmsmart › Orders; approving with unresolved preflight is noted on the order; approved artwork locked (2.17.0)Multi-step approval and customer re-upload flows

The upload warning sits one step earlier, in Cmsmart Cloud › AI Tools › AI Image Upscale: with Auto-suggest on upload on, an image under roughly 700 px — Cmsmart's low-resolution threshold — gets an instant “Upscale with AI” suggestion on the canvas, the same nudge AI Preflight repeats later on the order file. Since 2.17.0 it skips uploaded PDF layers, so a vector file is never swapped for an upscaled raster copy.

Cmsmart Cloud AI Image Upscale with Auto-suggest on upload toggle that shows an Upscale with AI suggestion for low-resolution images
The admin-side switch behind the buyer's low-resolution warning: AI Image Upscale > Auto-suggest on upload.

The resolution check is only half the job: once a design clears preflight, the order still needs production-ready files in the right colour space. The Download design tab already covers that today, no custom build required:

Cmsmart Download design tab with SVG, high quality PNG, CMYK JPG with ICC profile and PDF export buttons
Download design, today's plugin: SVG, high-resolution PNG, CMYK JPG with an ICC profile, and PDF, all sized to the order.

Cmsmart insight

Start AI Preflight in manual mode on your highest-value products and read the reports for a few weeks before switching to automatic, which spends tokens on every order; set Pause automatic runs below as a brake on your balance.

What is the business value of preflight and DPI rules?

Preflight and DPI rules pay back by preventing reprints and refunds, and cutting manual file checks and hold time. Cmsmart Product Designer's own Files screen shows the low-DPI files it caught before production, so the checks are visible, not just assumed.

BenefitHow it shows up in your businessKPI to track
Fewer reprintsLow-resolution and bleed problems are fixed before printingReprints per 100 orders
Fewer refundsCustomers fix files themselves when warnedRefunds for quality issues
Less manual prepressStaff review only flagged filesStaff minutes per order on file checks
Faster releaseClean files go to production without waitingHours orders spend on hold for files
Visible qualityProblems caught are counted on the Files screen, not discovered at the pressLow-DPI files flagged before production per month
Cmsmart Files screen KPI bar showing 344 files below 300 DPI, 352 not checked and 1 print-ready
Cmsmart › Files: a live KPI bar — 344 files under 300 DPI, 352 not yet checked, 1 print-ready — turns the 100 DPI vs 300 DPI gap into a filtered list instead of a surprise at the press.

ROI worksheet. Monthly saving = reprints avoided × cost per reprint + refunds avoided × average refund + file checks avoided × minutes per check ÷ 60 × hourly cost. Subtract the AI Preflight token spend for the same month to get the net figure.

How do I set up DPI rules and AI Preflight in Cmsmart Product Designer?

Set the output DPI globally and per product, add a minimum upload DPI with a low-resolution warning, then turn on AI Preflight in Cmsmart Cloud with a required DPI and run mode. These 2.17.0 settings take about one working session.

  1. Output DPI. In Cmsmart › Settings › General › General Settings set Default output resolution - DPI. The default is 150; raise it to 300 for photos and marketing print.
  2. Per-product DPI. In the product's Setting Cmsmart box set DPI ( Dots Per Inch ) (minimum 72), or use Print resolution under Production specs in the Cmsmart › Products editor.
  3. Upload rules. In Cmsmart › Settings › Design Tool › Image Options set Min image upload resolution and tick Enable low resolution image. In Appearance › Modern layout turn on Show warning image low resolution. On the Upload design tab, set Allowed file types (jpg, pdf, psd and similar), Max/Min upload size and Min. resolution DPI for JPG/JPEG image for products that only take a finished upload.
  4. AI Preflight. In Cmsmart Cloud › AI Tools turn on Preflight Quality Checker (it scans resolution/DPI, colour mode, bleed, fonts and transparency on saved designs), set Required DPI (72 to 1200, 300 recommended) and choose When to run preflight on orders: “Manual — I click Run preflight per file” keeps you in control, or Automatic to scan every order on arrival and spend tokens each time. Pause automatic runs below is the brake on your balance in Automatic mode.
  5. Approve. In Cmsmart › Orders review the AI Preflight panel, apply an auto-fix where offered, re-run to confirm. Open the order and use the Customer Design box — select the design, choose Accept and GO — to approve. Once approved, the print-ready PDF for that order is locked against further edits.
Cmsmart Settings General tab with Default output resolution DPI 150 under the design editor layout choice
Cmsmart › Settings › General: Default output resolution - DPI sits right under the Modern/Visual/Classic layout choice.
Cmsmart Settings Upload design tab with allowed file types and Min resolution DPI for JPG JPEG image
Cmsmart › Settings › Upload design: allowed file types and the Min. resolution DPI for JPG/JPEG image field that blocks low-resolution uploads for finished-file products.
Cmsmart Cloud AI tools Preflight Quality Checker with Required DPI 300 and manual run mode
Cmsmart Cloud › AI Tools: Preflight Quality Checker with Required DPI and the manual/automatic run switch described in step 4. See it on a live order in AI preflight for print quality.
Customer Design box with Accept and GO to approve a Door Hanger order artwork
The Customer Design box on the order screen: select the design, choose Accept, click GO. The order is one of our own demo test orders.
Create PDF tab showing print-ready PDF status, product size and the Show Bleed Line option
Create PDF tab on the order: the print-ready PDF status, product size and the bleed line toggle behind the auto-fix in step 5.
Print-ready PDF status Ready, rendered by the cloud renderer, with a Regenerate print-ready PDF button
The print-ready PDF that matches the order (2.17): once Ready, it is the same file Create PDF and automatic export both produce. More on print-ready files at Cmsmart.
Video thumbnail: how to change the DPI value for an online design in NBDesigner
Video: How to change the DPI value for your online design (Cmsmart on YouTube)

Print-ready PDFs now match custom sizes too (2.17). A buyer's own width and height used to fall back to the product template's stock size for the print file; Create PDF, the order screen and automatic export now all read the same custom geometry.

PDF uploads. Since 2.15.1 an uploaded PDF is placed at its real physical size and previewed at up to 300 DPI, and the AI "low-resolution, upscale it" suggestion no longer fires on a PDF layer, so a vector PDF is never replaced by an upscaled copy. Related guides: WooCommerce product customizer and NBDesigner back-end settings.

Going further: what can Cmsmart custom-build for stricter quality control?

When standard rules are not enough, Cmsmart builds product-specific preflight profiles, checkout gates, customer re-upload flows and MIS hold rules on top of AI Preflight. Each is delivered as a custom project with discovery, solution design, sprints, QA, launch and support.

  • Product-specific preflight profiles. A banner and a business card need different rules; we set DPI, bleed and colour targets per product family.
  • Checkout gate. Stop the problem at the source: block or warn at checkout until critical issues are fixed.
  • Customer fix loop. The customer fixes the file, not your team; we email a re-upload link with the preflight findings.
  • Custom DPI formula. Your own quality bar, compared against each upload with your own warning.
  • MIS and release rules. Only clean files reach the press; we connect preflight results to your production queue.

How we deliver: see the ecommerce project delivery model, AI for ecommerce at Cmsmart and product designer customization services.

Plan DPI rules and AI preflight for my shop

Why Cmsmart for DPI rules and print quality?

Cmsmart develops the Cmsmart Product Designer and its AI Preflight, and has built ecommerce and web-to-print stores since 2012 as a division of Netbase JSC, so quality rules are set by the team that builds the editor and the checks.

Our records count 6,300+ client projects and 500+ custom development projects in 80+ countries (WorkSuite project records, Sep 2026); Cmsmart rates 4.2 on Trustpilot (404 reviews). Trustpilot reviewer "Web Developer" (UK, 5 stars): "It is wonderful to see their commitment to continuous development, with new features being added frequently to keep the software current and highly capable" (review). Related work: online ordering for print and design services and personalized invitations and business cards.

Frequently asked questions

100 DPI vs 300 DPI: which should I use for print?

300 DPI for most close-up print such as cards, flyers and photos. 100 DPI looks soft once it is held in the hand. The plugin default output is 150 DPI, so raise it if your products are viewed up close.

Is 100 DPI enough for printing?

Rarely. 100 DPI looks soft on anything held in the hand; it can work only for very large formats seen from a distance.

What does AI Preflight check?

Resolution and DPI, colour mode, bleed, fonts and transparency, against the Required DPI you set (300 recommended). Each scan uses Cmsmart Cloud tokens.

Can AI fix a bad file automatically?

Auto-fix is available per issue and currently adds missing bleed to the order PDF; re-run preflight to confirm. Low-resolution images still need a better source file or AI Image Upscale.

Will the plugin upscale an image without asking?

No. It can suggest AI upscaling for a small raster image, never does it silently, and skips PDF layers.

Where does the customer see the warning?

In the designer, as a notice, when an image is below the minimum resolution you configured.

How do I check the DPI of an image before printing?

Divide the image's width in pixels by the planned print width in inches. The result is the effective DPI at that size. Changing the DPI value in an editor without adding pixels does not add detail, so check the pixel dimensions against the print size, not the DPI field stored in the file.

Does a 100 DPI image look bad on every product?

No. Viewing distance matters. A 100 DPI image on a banner or poster seen from across a room can look acceptable, while the same resolution on a business card, invitation or mug looks soft or pixelated. Set DPI rules per product type and confirm the minimum with your printer.

Does increasing an image's DPI improve its print quality?

No. Changing the DPI setting without adding pixels only changes the print size, and normal resampling invents pixels without adding real detail. Quality improves only with a larger original or a good upscale. In Cmsmart Product Designer, the automatic fix for buyers is a 2x AI upscale of the lowest-resolution image, started with one click.

Written by

Cmsmart Product Designer Plugin Engineer

Builds and supports the Cmsmart Product Designer (NBDesigner) for WooCommerce.

  • NBDesigner
  • WooCommerce
  • Product customizer
  • Release notes

Reviewed by Huy Nguyen (David), Founder & CEO

More from this expert →