{"id":765,"date":"2026-06-21T09:13:00","date_gmt":"2026-06-21T13:13:00","guid":{"rendered":"https:\/\/www.xconvert.com\/blog\/?p=765"},"modified":"2026-06-18T20:19:23","modified_gmt":"2026-06-19T00:19:23","slug":"dpi-for-web-vs-print","status":"publish","type":"post","link":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print","title":{"rendered":"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u201cSave this at 300 DPI for the website.\u201d It\u2019s a common brief in design and marketing \u2014 and it\u2019s based on a misunderstanding. Screens do not read the DPI tag stored in an image file. A photo saved at 72 DPI and the same photo at 300 DPI display <strong>pixel-for-pixel identically<\/strong> in every browser. The only thing a screen cares about is the image\u2019s <strong>pixel dimensions<\/strong> (e.g. 1200 \u00d7 800). DPI becomes load-bearing the moment you send that image to a printer \u2014 and there, it\u2019s pure arithmetic: pixels divided by inches. This guide separates the web myth from the print reality, gives you the exact pixel counts for common print sizes, and shows where to resize by the number that actually matters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quick answer:<\/strong> For the <strong>web, DPI is irrelevant<\/strong> \u2014 browsers render by pixel dimensions and ignore the file\u2019s embedded DPI\/PPI tag entirely (the CSS default is one image pixel per CSS px, so a 1200 px image is 1200 px wide whether it\u2019s tagged 72 or 300 DPI). The \u201c72 DPI for web\u201d rule is a myth. For <strong>print, DPI matters<\/strong>: required pixels = print size in inches \u00d7 target DPI. <strong>300 DPI<\/strong> is the standard for photo and commercial print, <strong>150 DPI<\/strong> is fine for large-format viewed from a distance. So a 4 \u00d7 6 in photo at 300 DPI needs <strong>1200 \u00d7 1800 px<\/strong>; A4 at 300 DPI needs <strong>2480 \u00d7 3508 px<\/strong>. To hit a target, resize by <strong>pixel dimensions<\/strong>, not DPI.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Jump to a section<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#web-myth\">Why \u201cweb DPI\u201d is a myth<\/a><\/li><li><a href=\"#ppi-vs-dpi\">PPI vs DPI: the terms people mix up<\/a><\/li><li><a href=\"#print\">Print: where DPI is real, and the formula<\/a><\/li><li><a href=\"#table\">Print-size to pixel-dimension table<\/a><\/li><li><a href=\"#web-sizing\">Sizing images for the web (the right way)<\/a><\/li><li><a href=\"#tool\">Resize by pixel dimensions with xconvert<\/a><\/li><li><a href=\"#faq\">FAQ<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"web-myth\">Why \u201cweb DPI\u201d is a myth<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every raster image file can store a metadata field describing its intended print density \u2014 JPEG keeps it in the JFIF\/Exif header, PNG in the optional <code>pHYs<\/code> chunk. This is where \u201c72 DPI\u201d or \u201c300 DPI\u201d lives. It is just a <strong>number written in the header<\/strong>; it does not change a single pixel of the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When a browser displays an image, it does <strong>not<\/strong> read that field. Per the CSS specification\u2019s <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/image-resolution\"><code>image-resolution<\/code> property<\/a>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cBy default, CSS assumes a resolution of one image pixel per CSS px unit; however, the <code>image-resolution<\/code> property allows a different resolution to be specified.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A <code>from-image<\/code> value <em>would<\/em> tell the browser to honor the embedded metadata \u2014 but as MDN notes, <strong>no browsers currently support the <code>image-resolution<\/code> property<\/strong>. So the embedded DPI tag is universally ignored on the web: a 1200 \u00d7 800 image displays at 1200 \u00d7 800 regardless of whether its header says 72, 96, or 300.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The long-repeated rule \u201cexport web images at 72 DPI\u201d therefore accomplishes nothing on its own. The 72 figure traces to the nominal pixel density of early Macintosh displays and has had no functional meaning for web rendering for decades. Re-tagging a 1200 px image down to 72 DPI doesn\u2019t shrink it or change how it looks. The only way to make a web image lighter is to <strong>change its pixel dimensions<\/strong> (resize) or its compression \u2014 never its DPI tag. The myth persists because designers cross between print and web, where \u201c300 DPI\u201d <em>is<\/em> a meaningful export setting, so it feels like it should carry over. It doesn\u2019t.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ppi-vs-dpi\">PPI vs DPI: the terms people mix up<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The two acronyms get used interchangeably, but they describe different things:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Term<\/th><th>Stands for<\/th><th>Describes<\/th><th>Where it\u2019s real<\/th><\/tr><\/thead><tbody><tr><td><strong>PPI<\/strong><\/td><td>Pixels Per Inch<\/td><td>How many <em>image pixels<\/em> map to one inch of output (or one inch of a physical screen)<\/td><td>Image files, display panel specs<\/td><\/tr><tr><td><strong>DPI<\/strong><\/td><td>Dots Per Inch<\/td><td>How many <em>ink dots<\/em> a printer lays down per inch of paper<\/td><td>Printers, print drivers<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When people say \u201csave it at 300 DPI,\u201d they almost always mean <strong>300 PPI<\/strong> \u2014 300 image pixels per printed inch. A printer\u2019s true DPI is usually much higher (a typical inkjet prints 1200\u20134800 dots per inch) because it uses many tiny ink dots to reproduce a single image pixel. For everyday image prep, \u201c300 DPI\u201d is understood to mean \u201c300 pixels per inch of print,\u201d and that\u2019s the meaning used throughout this article \u2014 but the distinction explains why your printer\u2019s spec sheet shows a far bigger number than the \u201c300\u201d in your export dialog.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On a screen, the panel has its own fixed pixel density; your image\u2019s embedded PPI tag has no influence over it, because the OS and browser map image pixels to screen pixels by their own rules, not the file\u2019s metadata.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"print\">Print: where DPI is real, and the formula<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Printing is the one place the number bites. A printer reproduces a fixed physical size on paper, so the question becomes: <em>how many pixels do I spread across each inch?<\/em> That\u2019s the definition of PPI\/DPI, and it\u2019s a single equation:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Run it both directions:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Print size \u2192 pixels:<\/strong> a 5 \u00d7 7 in print at 300 DPI needs 5 \u00d7 300 = 1500 px by 7 \u00d7 300 = 2100 px.<\/li><li><strong>Pixels \u2192 max print size:<\/strong> a 3000 \u00d7 2000 px photo at 300 DPI prints cleanly at 3000 \u00f7 300 = 10 in by 2000 \u00f7 300 = 6.67 in.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">What DPI should you target?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>300 DPI<\/strong> \u2014 the standard for photographic prints and commercial\/offset print (brochures, magazines, business cards), routinely prepared at 300 DPI or higher.<\/li><li><strong>150 DPI<\/strong> \u2014 acceptable for large-format pieces viewed from a step or two back (posters, banners, signage), where the eye cannot resolve fine dots at distance.<\/li><li><strong>Below ~150 DPI<\/strong> at normal viewing distance, individual pixels start to show as softness or blockiness.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Crucial corollary: enlarging a too-small image in software (upscaling) does <strong>not<\/strong> add real detail \u2014 it invents pixels by interpolation and usually looks soft. To print large and sharp, you need enough <em>original<\/em> pixels, so check your source file\u2019s pixel-dimension count before committing to a print size.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"table\">Print-size to pixel-dimension table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Exact pixel dimensions for common print sizes. Every figure is <code>inches \u00d7 DPI<\/code>, rounded to whole pixels. A4 and Letter use their ISO 216 \/ ANSI inch dimensions (A4 = 210 \u00d7 297 mm \u2248 8.27 \u00d7 11.69 in; Letter = 8.5 \u00d7 11 in).<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Print size<\/th><th>Inches (W \u00d7 H)<\/th><th>Pixels @ 300 DPI<\/th><th>Pixels @ 150 DPI<\/th><\/tr><\/thead><tbody><tr><td>4 \u00d7 6 photo<\/td><td>4 \u00d7 6<\/td><td>1200 \u00d7 1800<\/td><td>600 \u00d7 900<\/td><\/tr><tr><td>5 \u00d7 7 photo<\/td><td>5 \u00d7 7<\/td><td>1500 \u00d7 2100<\/td><td>750 \u00d7 1050<\/td><\/tr><tr><td>8 \u00d7 10 photo<\/td><td>8 \u00d7 10<\/td><td>2400 \u00d7 3000<\/td><td>1200 \u00d7 1500<\/td><\/tr><tr><td>A4<\/td><td>8.27 \u00d7 11.69<\/td><td>2480 \u00d7 3508<\/td><td>1240 \u00d7 1754<\/td><\/tr><tr><td>US Letter<\/td><td>8.5 \u00d7 11<\/td><td>2550 \u00d7 3300<\/td><td>1275 \u00d7 1650<\/td><\/tr><tr><td>A3<\/td><td>11.69 \u00d7 16.54<\/td><td>3508 \u00d7 4961<\/td><td>1754 \u00d7 2480<\/td><\/tr><tr><td>11 \u00d7 17 (Tabloid)<\/td><td>11 \u00d7 17<\/td><td>3300 \u00d7 5100<\/td><td>1650 \u00d7 2550<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A handy mental shortcut: at 300 DPI, one inch = 300 px, so multiply the inch dimensions by 300. The A4 figure (2480 \u00d7 3508) comes from 210 mm and 297 mm converted to inches (8.2677 \u00d7 300 \u2248 2480; 11.6929 \u00d7 300 \u2248 3508), which is why it isn\u2019t a round multiple.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"web-sizing\">Sizing images for the web (the right way)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Since DPI is ignored on the web, sizing an image for a site is purely about pixel dimensions relative to the space it will occupy:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Match the display box.<\/strong> A hero shown 1200 CSS px wide should be at least 1200 px wide. Serving a 4000 px file into a 1200 px slot wastes bandwidth for no visible gain.<\/li><li><strong>Account for HiDPI (\u201cRetina\u201d).<\/strong> High-density screens map about 2 device pixels to 1 CSS pixel, so a crisp image on those displays wants roughly <strong>2\u00d7 the CSS dimension<\/strong> (a 1200 CSS-px slot \u2192 a 2400 px source). This has nothing to do with the DPI tag \u2014 it\u2019s still just pixel dimensions.<\/li><li><strong>Compress, don\u2019t re-tag.<\/strong> To cut file weight, reduce pixel dimensions and\/or apply compression \u2014 changing the DPI metadata does neither.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The takeaway for both web and print is the same: <strong>the number you control is the pixel dimensions.<\/strong> That\u2019s the lever \u2014 so resize by pixels.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tool\">Resize by pixel dimensions with xconvert<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The xconvert image tools let you set exact pixel dimensions \u2014 the number that determines both how an image looks on screen and how large it can print at a given DPI. Your file is uploaded over an encrypted connection, processed on our servers, and deleted automatically a few hours later.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a href=\"https:\/\/www.xconvert.com\/image-resizer\">Image Resizer<\/a><\/strong> \u2014 set exact pixel dimensions, a percentage, or a preset. Use the print-size table above to enter target width and height (e.g. 1200 \u00d7 1800 for a 4 \u00d7 6 photo at 300 DPI), or match your site\u2019s display box for web. Batch is supported.<\/li><li><strong><a href=\"https:\/\/www.xconvert.com\/image-compressor\">Image Compressor<\/a><\/strong> \u2014 reduce file weight for the web; the real levers are dimensions and compression, not the DPI tag.<\/li><li><strong><a href=\"https:\/\/www.xconvert.com\/image-converter\">Image Converter<\/a><\/strong> \u2014 change format (e.g. PNG \u2192 JPEG, or to WebP for the web) while keeping your chosen pixel dimensions.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pick the pixel dimensions first \u2014 the table for print, your layout width for web; the DPI tag won\u2019t matter for screens at all.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"faq-web-dpi\">Does DPI matter for web images?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">No. Browsers render images by their pixel dimensions and ignore the embedded DPI\/PPI metadata. A 1200 \u00d7 800 image looks identical whether it\u2019s tagged 72 DPI or 300 DPI. Per the CSS spec, the default is one image pixel per CSS pixel, and the <code>image-resolution<\/code> property that could change this isn\u2019t supported by any browser. For the web, control pixel dimensions and compression \u2014 not DPI.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"faq-72-dpi\">Is \u201c72 DPI for web\u201d a real rule?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s a myth as a functional rule. The 72 figure dates to early Macintosh display density and has no effect on how a browser renders an image today. Re-saving a web image at 72 DPI instead of 300 DPI doesn\u2019t shrink it or change how it looks; only changing the pixel dimensions does that.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"faq-4x6\">How many pixels do I need for a 4 \u00d7 6 print at 300 DPI?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">1200 \u00d7 1800 pixels. The formula is print length in inches \u00d7 DPI: 4 \u00d7 300 = 1200 and 6 \u00d7 300 = 1800. At 150 DPI the same print needs 600 \u00d7 900.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"faq-dpi-vs-ppi\">What\u2019s the difference between DPI and PPI?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">PPI (pixels per inch) describes how many image pixels map to an inch of output; DPI (dots per inch) technically describes the ink dots a printer lays per inch. In everyday image-prep, \u201c300 DPI\u201d is used to mean \u201c300 pixels per inch of print.\u201d A printer\u2019s true DPI is usually far higher (often 1200\u20134800) because it uses many ink dots to reproduce one image pixel.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"faq-increase-dpi\">Can I increase an image\u2019s DPI to make it print sharper?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Not by editing the DPI tag alone. Sharp printing needs enough actual pixels for the size: pixels = inches \u00d7 DPI. If the file doesn\u2019t have them, upscaling in software interpolates (invents) pixels and usually looks soft \u2014 it doesn\u2019t recover real detail. Start from a higher-resolution original.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"faq-poster\">What DPI should I use for a large poster?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">150 DPI is generally acceptable for large-format pieces viewed from a distance (posters, banners, signage), because the eye can\u2019t resolve fine dots at that range. Use 300 DPI for anything viewed up close, like photo prints and brochures. Always confirm requirements with your print provider.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sources<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Last verified 2026-06-18.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/image-resolution\">MDN \u2014 CSS <code>image-resolution<\/code> property<\/a> \u2014 default is one image pixel per CSS px; <code>from-image<\/code> (which would honor embedded metadata) is unsupported in browsers.<\/li><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/resolution\">MDN \u2014 CSS <code>&lt;resolution&gt;<\/code> data type<\/a> \u2014 <code>1dppx<\/code> = 96 dpi default; resolution units used for media queries, not file metadata.<\/li><li><a href=\"https:\/\/www.w3.org\/TR\/css-images-4\/#the-image-resolution\">W3C \u2014 CSS Images Module Level 4, image-resolution<\/a> \u2014 specification source for the default image resolution behavior.<\/li><li><a href=\"https:\/\/web.dev\/articles\/high-dpi\">web.dev \u2014 Serve responsive (high-DPI) images<\/a> \u2014 HiDPI\/Retina sizing is about pixel dimensions (~2\u00d7), not the DPI tag.<\/li><li><a href=\"https:\/\/www.adobe.com\/uk\/creativecloud\/design\/discover\/a4-format.html\">ISO 216 \/ A-series paper dimensions (Adobe \u2014 A4 format)<\/a> \u2014 A4 = 210 \u00d7 297 mm (\u2248 8.27 \u00d7 11.69 in), basis for the 2480 \u00d7 3508 px @ 300 DPI figure.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.<\/p>\n","protected":false},"author":3,"featured_media":846,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,14],"tags":[],"class_list":["post-765","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-guides","category-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)<\/title>\n<meta name=\"description\" content=\"Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)\" \/>\n<meta property=\"og:description\" content=\"Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print\" \/>\n<meta property=\"og:site_name\" content=\"XConvert Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/xconvertcom\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-21T13:13:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/06\/featured-52.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"James\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@xconvert_com\" \/>\n<meta name=\"twitter:site\" content=\"@xconvert_com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print\"},\"author\":{\"name\":\"James\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\"},\"headline\":\"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)\",\"datePublished\":\"2026-06-21T13:13:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print\"},\"wordCount\":1759,\"image\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/featured-52.png\",\"articleSection\":[\"How To Guides\",\"Tools\"],\"inLanguage\":\"en-CA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print\",\"name\":\"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/featured-52.png\",\"datePublished\":\"2026-06-21T13:13:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\"},\"description\":\"Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#primaryimage\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/featured-52.png\",\"contentUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/featured-52.png\",\"width\":2400,\"height\":1260,\"caption\":\"The xconvert tool at \\\/image-resizer with the Upload button highlighted \u2014 upload an image to resize it by pixel dimensions\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/dpi-for-web-vs-print#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.xconvert.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/\",\"name\":\"XConvert Blog\",\"description\":\"Blog for XConvert file converter\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\",\"name\":\"James\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"caption\":\"James\"},\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/author\\\/james\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)","description":"Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print","og_locale":"en_US","og_type":"article","og_title":"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)","og_description":"Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.","og_url":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print","og_site_name":"XConvert Blog","article_publisher":"https:\/\/www.facebook.com\/xconvertcom","article_published_time":"2026-06-21T13:13:00+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/06\/featured-52.png","type":"image\/png"}],"author":"James","twitter_card":"summary_large_image","twitter_creator":"@xconvert_com","twitter_site":"@xconvert_com","twitter_misc":{"Written by":"James","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#article","isPartOf":{"@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print"},"author":{"name":"James","@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845"},"headline":"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)","datePublished":"2026-06-21T13:13:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print"},"wordCount":1759,"image":{"@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#primaryimage"},"thumbnailUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/06\/featured-52.png","articleSection":["How To Guides","Tools"],"inLanguage":"en-CA"},{"@type":"WebPage","@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print","url":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print","name":"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)","isPartOf":{"@id":"https:\/\/www.xconvert.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#primaryimage"},"image":{"@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#primaryimage"},"thumbnailUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/06\/featured-52.png","datePublished":"2026-06-21T13:13:00+00:00","author":{"@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845"},"description":"Screens render by pixel dimensions and ignore DPI, so web DPI is a myth. 300 DPI only matters for print: pixels = inches x DPI. Includes a size table.","breadcrumb":{"@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#primaryimage","url":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/06\/featured-52.png","contentUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/06\/featured-52.png","width":2400,"height":1260,"caption":"The xconvert tool at \/image-resizer with the Upload button highlighted \u2014 upload an image to resize it by pixel dimensions"},{"@type":"BreadcrumbList","@id":"https:\/\/www.xconvert.com\/blog\/dpi-for-web-vs-print#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xconvert.com\/blog"},{"@type":"ListItem","position":2,"name":"What DPI Do You Need? Web vs Print (and Why Web DPI Is a Myth)"}]},{"@type":"WebSite","@id":"https:\/\/www.xconvert.com\/blog\/#website","url":"https:\/\/www.xconvert.com\/blog\/","name":"XConvert Blog","description":"Blog for XConvert file converter","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xconvert.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Person","@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845","name":"James","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","caption":"James"},"url":"https:\/\/www.xconvert.com\/blog\/author\/james"}]}},"_links":{"self":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/comments?post=765"}],"version-history":[{"count":1,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/765\/revisions"}],"predecessor-version":[{"id":766,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/765\/revisions\/766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/media\/846"}],"wp:attachment":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/media?parent=765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/categories?post=765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/tags?post=765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}