<!doctypehtml><html lang=en-US><script async src=https://www.googletagmanager.com/gtag/js?id=UA-802619-1></script><script>window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-802619-1');</script><meta content="text/html; charset=utf-8"http-equiv=content-type><meta content=width=device-width,initial-scale=1 name=viewport><link href=https://www.photoshopessentials.com/newsite/wp-content/themes/photoshopessentials2017/style.css?1576688788 media=all rel=stylesheet><style media=print>body {
			display: none;
		}</style><link href=https://www.photoshopessentials.com/newsite/xmlrpc.php rel=pingback><meta content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"name=robots><title>
   The 72 PPI Web And Screen Resolution Myth
  </title><meta content="Still believe you need to set the image resolution of your photos to 72 ppi before uploading them to the web? In this tutorial, we put it to the test!"name=description><link href=https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/ rel=canonical><meta content=en_US property=og:locale><meta content=article property=og:type><meta content="The 72 PPI Web Resolution Myth"property=og:title><meta content="Still believe you need to set the image resolution of your photos to 72 ppi before uploading them to the web? In this tutorial, we put it to the test!"property=og:description><meta content=https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/ property=og:url><meta content="Photoshop Essentials"property=og:site_name><meta content=https://www.facebook.com/photoess property=article:publisher><meta content=2013-04-15T20:35:04+00:00 property=article:published_time><meta content=2020-10-22T17:22:47+00:00 property=article:modified_time><meta content=https://www.photoshopessentials.com/newsite/wp-content/uploads/2013/04/72ppi-web-resolution-80j.jpg property=og:image><meta content=80 property=og:image:width><meta content=80 property=og:image:height><meta content="Written by"name=twitter:label1><meta content="Steve Patterson"name=twitter:data1><meta content="Est. reading time"name=twitter:label2><meta content="14 minutes"name=twitter:data2><script class=yoast-schema-graph type=application/ld+json>
   {"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.photoshopessentials.com/#website","url":"https://www.photoshopessentials.com/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.photoshopessentials.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/#primaryimage","inLanguage":"en-US","url":"https://www.photoshopessentials.com/newsite/wp-content/uploads/2013/04/72ppi-web-resolution-80j.jpg","contentUrl":"https://www.photoshopessentials.com/newsite/wp-content/uploads/2013/04/72ppi-web-resolution-80j.jpg","width":80,"height":80,"caption":"The 72ppi Web Resolution Myth"},{"@type":"WebPage","@id":"https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/#webpage","url":"https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/","name":"The 72 PPI Web And Screen Resolution Myth","isPartOf":{"@id":"https://www.photoshopessentials.com/#website"},"primaryImageOfPage":{"@id":"https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/#primaryimage"},"datePublished":"2013-04-15T20:35:04+00:00","dateModified":"2020-10-22T17:22:47+00:00","author":{"@id":"https://www.photoshopessentials.com/#/schema/person/338424c7775908e1c0a190d02a6564f2"},"description":"Still believe you need to set the image resolution of your photos to 72 ppi before uploading them to the web? In this tutorial, we put it to the test!","breadcrumb":{"@id":"https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/"]}]},{"@type":"BreadcrumbList","@id":"https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.photoshopessentials.com/"},{"@type":"ListItem","position":2,"name":"Digital Photo Essentials","item":"https://www.photoshopessentials.com/essentials/"},{"@type":"ListItem","position":3,"name":"72 PPI Web Resolution Myth"}]},{"@type":"Person","@id":"https://www.photoshopessentials.com/#/schema/person/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","@id":"https://www.photoshopessentials.com/#personlogo","inLanguage":"en-US","url":"https://secure.gravatar.com/avatar/a78be9f078376ba996a0321f6733429e?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/a78be9f078376ba996a0321f6733429e?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http://www.photoshopessentials.com/"]}]}
  </script><link href=//www.google.com rel=dns-prefetch><link title="Photoshop Essentials » The 72 PPI Web Resolution Myth Comments Feed"href=https://www.photoshopessentials.com/essentials/the-72-ppi-web-resolution-myth/feed/ rel=alternate type=application/rss+xml><style>img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}</style><link href=https://www.photoshopessentials.com/newsite/wp-includes/css/dist/block-library/style.min.css?ver=5.8.1 id=wp-block-library-css media=all rel=stylesheet><link href=https://www.photoshopessentials.com/newsite/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.2 id=contact-form-7-css media=all rel=stylesheet><link href=https://www.photoshopessentials.com/newsite/wp-content/plugins/mashsharer/assets/css/mashsb.min.css?ver=3.8.0 id=mashsb-styles-css media=all rel=stylesheet><style id=mashsb-styles-inline-css>.mashsb-count {color:#cccccc;}[class^="mashicon-"] .text, [class*=" mashicon-"] .text{
    text-indent: -9999px !important;
    line-height: 0px;
    display: block;
    } 
    [class^="mashicon-"] .text:after, [class*=" mashicon-"] .text:after {
        content: "" !important;
        text-indent: 0;
        font-size:13px;
        display: block !important;
    }
    [class^="mashicon-"], [class*=" mashicon-"] {
        width:25%;
        text-align: center !important;
    }
    [class^="mashicon-"] .icon:before, [class*=" mashicon-"] .icon:before {
        float:none;
        margin-right: 0;
    }
    .mashsb-buttons a{
       margin-right: 3px;
       margin-bottom:3px;
       min-width: 0;
       width: 41px;
    }
    .onoffswitch, 
    .onoffswitch-inner:before, 
    .onoffswitch-inner:after 
    .onoffswitch2,
    .onoffswitch2-inner:before, 
    .onoffswitch2-inner:after  {
        margin-right: 0px;
        width: 41px;
        line-height: 41px;
    }.mashsb-container { padding-top: 0; padding-bottom: 20px;}

@media screen and (max-width:1000px){
    #mashfs-main {
	display:none;
    }
}</style><link href=https://www.photoshopessentials.com/newsite/wp-content/plugins/mashshare-responsive/assets/css/mashresp.min.css?ver=2.0.7 id=mashresp-styles-css media=all rel=stylesheet><style id=mashresp-styles-inline-css>@media only screen and (max-width: 568px){
            .mashsb-buttons a {
                width: 41px;
            }
        }
        @media only screen and (max-width: 568px){
            [class^="mashicon-"] .text, [class*=" mashicon-"] .text {
                display: none;
            }
        }</style><link href=https://www.photoshopessentials.com/newsite/wp-content/plugins/s2member/s2member-o.php?ws_plugin__s2member_css=1&qcABC=1&ver=170722-170722-3247660514 id=ws-plugin--s2member-css media=all rel=stylesheet><script id=jquery-core-js src=https://www.photoshopessentials.com/newsite/wp-content/plugins/jquery-updater/js/jquery-3.6.0.min.js?ver=3.6.0></script><script id=jquery-migrate-js src=https://www.photoshopessentials.com/newsite/wp-content/plugins/jquery-updater/js/jquery-migrate-3.3.2.min.js?ver=3.3.2></script><link href=https://www.photoshopessentials.com/wp-json/ rel=https://api.w.org/><link href=https://www.photoshopessentials.com/wp-json/wp/v2/posts/3091 rel=alternate type=application/json><link href=https://www.photoshopessentials.com/newsite/xmlrpc.php?rsd rel=EditURI title=RSD type=application/rsd+xml><link href=https://www.photoshopessentials.com/newsite/wp-includes/wlwmanifest.xml rel=wlwmanifest type=application/wlwmanifest+xml><meta content="WordPress 5.8.1"name=generator><link href=https://www.photoshopessentials.com/?p=3091 rel=shortlink><link href=https://www.photoshopessentials.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.photoshopessentials.com%2Fessentials%2Fthe-72-ppi-web-resolution-myth%2F rel=alternate type=application/json+oembed><link href=https://www.photoshopessentials.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.photoshopessentials.com%2Fessentials%2Fthe-72-ppi-web-resolution-myth%2F&format=xml rel=alternate type=text/xml+oembed><script>/* <![CDATA[ */ jQuery.post("https://www.photoshopessentials.com/newsite/wp-admin/admin-ajax.php", { action: "wmp_update", id: 3091, token: "1993d3f5c6" }); /* ]]> */</script><link href=https://www.photoshopessentials.com/newsite/wp-content/uploads/2017/05/cropped-favicon-32x32.png rel=icon sizes=32x32><link href=https://www.photoshopessentials.com/newsite/wp-content/uploads/2017/05/cropped-favicon-192x192.png rel=icon sizes=192x192><link href=https://www.photoshopessentials.com/newsite/wp-content/uploads/2017/05/cropped-favicon-180x180.png rel=apple-touch-icon><meta content=https://www.photoshopessentials.com/newsite/wp-content/uploads/2017/05/cropped-favicon-270x270.png name=msapplication-TileImage><noscript><style id=rocket-lazyload-nojs-css>.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><script src=/newsite/wp-content/themes/photoshopessentials2017/js/navigation.js></script><body class="post-template-default single single-post postid-3091 single-format-standard"><div id=outerWrapper><header role=banner><a title="Photoshop Essentials"class=logoReplace href=//www.photoshopessentials.com/> Photoshop Essentials.com - Tutorials and training for Adobe Photoshop. </a><div class=logo-aside>Where everyone can learn Photoshop!</div><div class=wordpress-search-box><form action=https://www.photoshopessentials.com/ class=search-form role=search><label><span class=screen-reader-text> Search for: </span> <input placeholder="Search our website"title="Search for:"class=search-field name=s type=search></label><input class=search-submit type=submit value=Search></form></div><nav class=mainMenu role=navigation><a class=mobile-menu href=# title=Menu> </a><div class=menu-main-container><ul class=menu id=menu-main><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1193"id=menu-item-1193><a href=/print-ready-pdfs/> PDFs </a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7"id=menu-item-7><a title="Photoshop Basics Tutorials"href=https://www.photoshopessentials.com/basics/> Basics </a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6"id=menu-item-6><a href=https://www.photoshopessentials.com/photo-editing/> Photo Editing </a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5"id=menu-item-5><a href=https://www.photoshopessentials.com/photo-effects/> Photo Effects </a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-486"id=menu-item-486><a href=https://www.photoshopessentials.com/photoshop-text/text-effects/> Text Effects </a><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-4"id=menu-item-4><a href=https://www.photoshopessentials.com/essentials/> Digital Photo Essentials </a></ul></div></nav></header><div id=contentWrap><div id=content-single><div class=breadcrumbs><p id=breadcrumbs><span> <span> <a href=https://www.photoshopessentials.com/> Home </a> > <span> <a href=https://www.photoshopessentials.com/essentials/> Digital Photo Essentials </a> > <span aria-current=page class=breadcrumb_last> 72 PPI Web Resolution Myth </span> </span> </span> </span></div><main role=main><article class="post-3091 post type-post status-publish format-standard has-post-thumbnail hentry category-essentials"id="post-
				3091"><div class=cf id=title-area><div class=postthumb-main><img alt="The 72ppi Web Resolution Myth"class="attachment-thumbnail size-thumbnail wp-post-image"data-lazy-src=https://www.photoshopessentials.com/newsite/wp-content/uploads/2013/04/72ppi-web-resolution-80j.jpg height=80 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2080'%3E%3C/svg%3E width=80><noscript><img alt="The 72ppi Web Resolution Myth"class="attachment-thumbnail size-thumbnail wp-post-image"height=80 src=https://www.photoshopessentials.com/newsite/wp-content/uploads/2013/04/72ppi-web-resolution-80j.jpg width=80></noscript></div><h1 class=post-title>The 72 PPI Web Resolution Myth</h1></div><aside class="mashsb-container mashsb-main mashsb-stretched"><div class=mashsb-box><div class=mashsb-buttons><a class="mashicon-facebook mash-small mashsb-noshadow"href=https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.photoshopessentials.com%2Fessentials%2Fthe-72-ppi-web-resolution-myth%2F rel=nofollow target=_top> <span class=icon> </span> <span class=text> Share </span> </a><a class="mashicon-twitter mash-small mashsb-noshadow"href=https://twitter.com/intent/tweet?text=The%2072%20PPI%20Web%20Resolution%20Myth&url=https://www.photoshopessentials.com/?p=3091 rel=nofollow target=_top> <span class=icon> </span> <span class=text> Tweet </span> </a><a class="mashicon-pinterest mash-small mashsb-noshadow"data-mashsb-url href=# rel=nofollow target=_blank> <span class=icon> </span> <span class=text> Pinterest </span> </a><div class="onoffswitch2 mash-small mashsb-noshadow"style=display:none;></div></div></div><div style=clear:both;></div></aside><div id=author>Written by Steve Patterson.</div><p>If you've been around computers and digital images for a while, especially if you're a web designer or a photographer publishing your photos online, you've no doubt heard it said that the correct resolution for images displayed on the web, or on computer screens in general, is 72 pixels per inch (ppi).<p>You may have even heard it said that while 72 ppi is correct for images displayed on a Mac, a Windows-based PC needs the resolution set to 96 ppi.<p>Some say it's "ppi" ( <em> pixels </em> per inch), others claim it's "dpi" ( <em> dots </em> per inch), and the whole thing would get very confusing if it were not for one small fact - it's all complete nonsense! In this tutorial, we'll learn why there's simply no such thing as a standard web or screen resolution and why, if your images are destined for the web, you don't need to worry about image resolution at all!<aside><p class=members-ad-top><a href=/print-ready-pdfs/> Download this tutorial as a print-ready PDF! </a></aside><h4>A Little History...</h4><style>.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 20px; }
@media (max-width: 767px) { .adslot-2 { display: none; } }</style><script async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script><ins class="adsbygoogle adslot-2"data-ad-client=ca-pub-6601556224092982 data-ad-format=rectangle data-ad-slot=1123874291> </ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><p>The origin of the 72 ppi screen resolution dates all the way back to the mid 1980's when Apple released its first Macintosh computers. These computers included a built-in 9 inch display with a screen resolution of 72 pixels per inch. Why 72 pixels per inch? It's because the Macintosh screens were specifically designed to work in perfect harmony with Apple's ImageWriter printers, which had a print resolution of 144 dots per inch - exactly twice the resolution of the screen. This made it easy to scale the screen display to the printed page, which meant that your text and graphics could be previewed on the screen at the exact size they would appear when printed. Later on, as Apple began making larger displays for the Macintosh, they made sure to keep the screen resolutions set to the same 72 pixels per inch so users would always see an accurate on-screen preview of the printed document (as long as they were using an ImageWriter printer).<p>But the 72 pixels per inch screen resolution was a standard only with Apple, and it didn't last. Third party companies selling monitors for the Macintosh didn't stick to the standard, and neither did competing PC monitors. Today, nearly three decades later, technology has greatly improved and the days of screens with a resolution of only 72 ppi are long gone. Even Apple, the company that started the whole thing, now sells their displays with much higher resolutions. No one is making 72 ppi screens anymore. No one is <em> using </em> 72 ppi screens anymore. And yet, even though that old technology is far behind us, we still have a whole lot of people continuing to believe that we need to set the resolution of our images to 72 pixels per inch in Photoshop before uploading them to the web. Most people think the reason is so that the images will display properly on screen, so let's start things off by learning an easy way to prove that your computer monitor, along with every modern computer monitor, actually has a resolution much higher than 72 ppi.<h4>Putting The 72 PPI Standard To The Test</h4><p>Like everyone else these days, your computer's display (whether it's a standalone monitor, an all-in-one system like an iMac, or part of a laptop) has a screen resolution higher than 72 pixels per inch, and you don't have to take my word for it. You can easily test it yourself. All you need is a ruler or tape measure. Now, when a store sells you a computer monitor, they usually tell you its size based on its <strong> diagonal width </strong> , with some common sizes being 17 inches, 19 inches, 24 inches, and so on. That's fine, but for our test here, we don't need to care about that number. What we need to find out is the <strong> actual width </strong> , in inches, of your screen. To do that, simply grab your ruler or tape measure and measure your screen area from left to right. Make sure you're measuring only the screen area itself. Don't include any of the border around the screen. We need the screen's actual width ( <a href=http://www.shutterstock.com/pic.mhtml?id=120904381> computer monitor photo </a> from Shutterstock):</p><img alt="Measuring the actual width of the computer screen. Image licensed from Shutterstock by Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/actual-screen-width.jpg height=496 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20496'%3E%3C/svg%3E width=500><noscript><img alt="Measuring the actual width of the computer screen. Image licensed from Shutterstock by Photoshop Essentials.com"height=496 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/actual-screen-width.jpg width=500></noscript><div class=image-desc>Measure the width of your screen (not including the outer border).</div><p>Once you've measured the width, the other thing you need to make sure of is that your monitor is set to its <strong> native display resolution </strong> , which is the actual number of pixels your screen can display from left to right and from top to bottom. For example, a monitor with a native display resolution of 1920 x 1080 (commonly referred to these days as "full HD") contains 1920 pixels from left to right and 1080 pixels from top to bottom. I'm currently using a monitor with a native display resolution of 2560 x 1440, but my laptop has a native display resolution of 1920 x 1200 so it does vary, which means you'll need to know the native display resolution of your specific monitor and make sure it's what you have the monitor set to in your operating system's display options.<p>Now that you've measured your screen's actual width and you've made sure your monitor is running at its native display resolution, to find out what its actual screen resolution is (in pixels per inch), simply take the first number from the native display resolution, which tells you the width of your screen in pixels, and divide it by the width of your screen in inches. For example, my native display resolution is 2560 x 1440, so I'll take that first number, 2560, which is the width of the screen in pixels, and I'll divide it by the width in inches, which in my case was 23.4 (or pretty close, anyway). Using my operating system's handy built-in calculator, 2560 ÷ 23.4 = 109.4, which I'll round off to 109. So, just from this quick and simple test, I've confirmed that my screen resolution is <strong> 109 pixels per inch </strong> , <em> not </em> 72 pixels per inch. Your own test with your screen may give you a different result from mine, but unless you're still using one of those original Macintosh computers from the mid '80s, it will be a lot higher than 72 ppi.<p>If you like, you can do the same thing with the height of your screen. Just take your ruler or tape measure and measure the screen's actual height in inches (once again avoiding the border area around it):</p><img alt="Measuring the actual height of the computer screen. Image licensed from Shutterstock by Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/actual-screen-height.jpg height=496 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20496'%3E%3C/svg%3E width=500><noscript><img alt="Measuring the actual height of the computer screen. Image licensed from Shutterstock by Photoshop Essentials.com"height=496 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/actual-screen-height.jpg width=500></noscript><div class=image-desc>Measure the height of your screen (not including the outer border).</div><p>Then, take the second number from your screen's native display resolution, which gives you the height in pixels, and divide it by the height in inches. Again, my native display resolution is 2560 x 1440 so I'll take that second number, 1440, and divide it by my measured screen height which was 13.2 inches. Using my calculator, 1440 ÷ 13.2 = 109.09 which again I'll round off to 109. As we can see, you should get pretty much the same result using either the width or height of your screen. In my case, they both worked out to 109 pixels per inch, not 72 pixels per inch.<p>For comparison, let's check the actual screen resolution of my laptop. It's a MacBook Pro (made of course by Apple, the company that gave us the original 72 ppi standard many years ago). My MacBook Pro has a native display resolution of 1920 x 1200, so just as I did before, I'll take that first number, 1920, which gives me the screen width in pixels, and I'll divide it by the width of the screen in inches, which in this case is 14.4. So, 1920 ÷ 14.4 = 133.3, which I'll round off to <strong> 133 pixels per inch </strong> . That's a <em> lot </em> higher than 72 and even higher than my standalone monitor. I'll do the same thing with the height, taking the height in pixels (1200) and dividing it by the height in inches (9). 1200 ÷ 9 = 133.3, again rounded off to 133 pixels per inch.<p>Two different displays, each with two different screen resolutions (109 ppi and 133 ppi), both considerably higher than 72 ppi which, according to many people today, remains the industry standard resolution for viewing images on the web and on screen. If my screen, your screen and everyone else's screen has a resolution higher than 72 ppi, not to mention the fact that both of my screens had very different resolutions from each other and your screen may have a different resolution as well, then clearly, not only is there no official standard anymore for screen resolution, but even if there was, it would no longer be 72 ppi. Those days, like the original Macintosh computers it was designed for, are history.<h4>Image Resolution Affects Print Size, Not Screen Size</h4><p>If the fact that computer monitors today all have screen resolutions higher than 72 ppi hasn't convinced you that there's no such thing anymore as a 72 ppi screen resolution standard, here's another important fact to consider. If you previously read through our <a href=/essentials/image-resolution/> Image Resolution, Pixel Dimensions and Document Size </a> tutorial, you already know that image resolution has absolutely <em> nothing </em> to do with how your image appears on your screen. In fact, a digital image, on its own, has no inherent resolution at all. It's just pixels. It has a certain number of pixels from left to right and a certain number from top to bottom. The width and height of an image, in pixels, is known as its <strong> pixel dimensions </strong> , and that's all a computer screen cares about.<p>The size at which an image appears on your screen depends only on two things - the pixel dimensions of the image and the display resolution of your screen. As long as you've set your screen to its native display resolution as we discussed earlier, then an image will be displayed pixel-for-pixel. In other words, each pixel in the image will take up exactly one pixel on your screen. For example, a 640x480 pixel image would fill a 640x480 pixel area of your screen. An 800 pixel-wide banner on a website would appear 800 pixels wide on the screen. No more, no less. And no matter what you set the image's resolution to in Photoshop, whether it's 72 ppi, 300 ppi or 3000 ppi, it will have no effect at all on how large or small the image appears on the screen.<p>That's because image resolution affects only one thing - the size of the image when it's <strong> printed </strong> . By setting the resolution in Photoshop, we tell the <em> printer </em> , not the screen, how many of the pixels in the image to squeeze into an inch of paper. The more pixels you're squeezing into every inch of paper, the smaller the image will appear when printed. And generally speaking, the more pixels you're printing per inch, the higher the <a href=/essentials/image-quality/> print quality </a> .<p>We can easily figure out how large a photo will print based on a certain image resolution. Simply take the width of the photo in pixels and divide it by your image resolution, then take the height of the photo in pixels and divide it by the image resolution as well. If we take a 640 x 480 pixel image, as an example, and set its resolution to 72 ppi in Photoshop, then we can divide the width and height of the photo by its resolution to determine that it will print on paper at roughly 8.9 x 6.7 inches. If we increase its resolution in Photoshop to, say, 240 ppi, which is a more common print resolution, then again if we do the math, dividing the pixel width and height by 240 ppi, we know that the photo would print at a size of 2.7 x 2 inches, which is much smaller than if we had printed it at 72 ppi but the overall print quality would be much better. But what's more important to understand here is that by changing the resolution, we are not, in any way, affecting the appearance of the image on screen.<p>To see more clearly how resolution affects print size and not screen size, here's an image I have open in Photoshop. This little guy has also been trying to make sense of all this 72 ppi web resolution stuff, but it looks like he may be overthinking it a bit ( <a href=http://www.shutterstock.com/pic.mhtml?id=121813099> thinking child photo </a> from Shutterstock):</p><img alt="Thinking child with a blackboard in the background. Image licensed from Shutterstock by Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/thinking-child.jpg height=511 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20511'%3E%3C/svg%3E width=512><noscript><img alt="Thinking child with a blackboard in the background. Image licensed from Shutterstock by Photoshop Essentials.com"height=511 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/thinking-child.jpg width=512></noscript><div class=image-desc>Image resolution is really not this complicated, but definitely an A for effort.</div><p>I'll open Photoshop's Image Size dialog box by going up to the <strong> Image </strong> menu in the Menu Bar along the top of the screen and choosing <strong> Image Size </strong> :</p><img alt="Choosing the Image Size command in Photoshop. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-size.gif height=97 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20247%2097'%3E%3C/svg%3E width=247><noscript><img alt="Choosing the Image Size command in Photoshop. Image © 2013 Photoshop Essentials.com"height=97 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-size.gif width=247></noscript><div class=image-desc>Going to Image > Image Size.</div><p>At the top of the Image Size dialog box is the <strong> Pixel Dimensions </strong> section which tells us the width and height of the image in pixels. Here we can see that my photo has both a width and height of 500 pixels, making it a decent size for display on the web. This is the only part of the Image Size dialog box that your computer screen cares about - the actual pixel dimensions of the image:</p><img alt="The Pixel Dimensions section of the Image Size dialog box. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/pixel-dimensions.gif height=241 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20451%20241'%3E%3C/svg%3E width=451><noscript><img alt="The Pixel Dimensions section of the Image Size dialog box. Image © 2013 Photoshop Essentials.com"height=241 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/pixel-dimensions.gif width=451></noscript><div class=image-desc>The Pixel Dimensions section shows us the width and height in pixels.</div><p>Below the pixel dimensions is the <strong> Document Size </strong> section which tells us how large the image would currently appear on paper if we were to print it. This section deals exclusively with print size and has no effect at all on how the image appears on screen. It also happens to be home to the all-important <strong> Resolution </strong> option (the reason we're all here!), which makes sense because resolution affects print size, not screen size. As we can see, Photoshop has gone ahead and set the resolution of my photo to 72 pixels per inch (yes, even Photoshop is contributing to the 72 ppi myth), and directly above the Resolution option, in the Width and Height boxes, we can see that at 72 ppi, my 500 x 500 pixel photo would print at 6.944 x 6.944 inches on paper (500 ÷ 72 = 6.944):</p><img alt="The Document Size section of the Image Size dialog box. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/document-size.gif height=202 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20451%20202'%3E%3C/svg%3E width=451><noscript><img alt="The Document Size section of the Image Size dialog box. Image © 2013 Photoshop Essentials.com"height=202 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/document-size.gif width=451></noscript><div class=image-desc>The Document Size section shows us the print size based on the current resolution. It has no effect on screen size.</div><p>Let's see what happens if I increase the image resolution. Before I do that, though, I'm going to quickly uncheck the <strong> <a href=/essentials/resizing-vs-resampling/> Resample Image </a> </strong> option near the bottom of the dialog box so that the image keeps its original pixel dimensions when I change the resolution:</p><img alt="Unchecking the Resample Image option in the Image Size dialog box. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/resample-image.gif height=112 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20378%20112'%3E%3C/svg%3E width=378><noscript><img alt="Unchecking the Resample Image option in the Image Size dialog box. Image © 2013 Photoshop Essentials.com"height=112 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/resample-image.gif width=378></noscript><div class=image-desc>Unchecking the Resample Image option.</div><p>With Resample Image unchecked, I'll increase the resolution from 72 pixels per inch to <strong> 240 pixels per inch </strong> . We can see in the Pixel Dimensions section at the top that increasing the resolution has not changed the actual pixel dimensions. It's still 500 x 500 pixels, which means it would still take up a 500 x 500 pixel area on the screen. But at 240 ppi, it would now <em> print on paper </em> at a size of only 2.083 x 2.083 inches (500 ÷ 240 = 2.083). Changing the resolution changed the photo's print size, but nothing else:</p><img alt="Changing the resolution of the image to 240 pixels per inch. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/resolution-240.gif height=341 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20452%20341'%3E%3C/svg%3E width=452><noscript><img alt="Changing the resolution of the image to 240 pixels per inch. Image © 2013 Photoshop Essentials.com"height=341 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/resolution-240.gif width=452></noscript><div class=image-desc>The image would now print smaller but would remain the exact same 500 x 500 pixel size on screen.</div><p>I'll again increase the image resolution, this time to something crazy like <strong> 500 pixels per inch </strong> , just to make the math really easy. A 500 x 500 pixel image, set to a resolution of 500 pixels per inch, would print as a 1 x 1 inch image on paper (500 ÷ 500 = 1). Once again, the actual pixel dimensions of the image have not changed. Even at 500 ppi, my image would appear no larger or smaller on screen that it would at 72 ppi, or 240 ppi, or at any resolution because it's still a 500 x 500 pixel image regardless of the resolution setting, and its pixel dimensions are all your computer screen cares about:</p><img alt="Changing the resolution of the image to 500 pixels per inch. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/resolution-500.gif height=341 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20452%20341'%3E%3C/svg%3E width=452><noscript><img alt="Changing the resolution of the image to 500 pixels per inch. Image © 2013 Photoshop Essentials.com"height=341 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/resolution-500.gif width=452></noscript><div class=image-desc>At 500 ppi, the image would print very small indeed but would still appear as a 500 x 500 pixel image on screen.</div><p>Finally, here's a side-by-side comparison of the image as it appears at all three of the above resolutions. I've made the image smaller (it's now only 200 x 200 pixels) so I can fit all three versions next to each other, but the first version on the left was saved at 72 ppi. The version in the middle was saved at 240 ppi, and the version on the right was saved at 500 ppi:</p><img alt="A 200x200 pixel version of the image saved at 72 ppi. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-72ppi.jpg height=200 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E style=float:left;padding-right:15px; width=200><noscript><img alt="A 200x200 pixel version of the image saved at 72 ppi. Image © 2013 Photoshop Essentials.com"height=200 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-72ppi.jpg style=float:left;padding-right:15px; width=200></noscript><img alt="A 200x200 pixel version of the image saved at 240 ppi. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-240ppi.jpg height=200 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E style=float:left;padding-right:15px; width=200><noscript><img alt="A 200x200 pixel version of the image saved at 240 ppi. Image © 2013 Photoshop Essentials.com"height=200 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-240ppi.jpg style=float:left;padding-right:15px; width=200></noscript><img alt="A 200x200 pixel version of the image saved at 500 ppi. Image © 2013 Photoshop Essentials.com"data-lazy-src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-500ppi.jpg height=200 src=data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E width=200><noscript><img alt="A 200x200 pixel version of the image saved at 500 ppi. Image © 2013 Photoshop Essentials.com"height=200 src=https://pe-images.s3.amazonaws.com/essentials/web-resolution/image-500ppi.jpg width=200></noscript><div class=image-desc>A 72 ppi (left), 240 ppi (middle) and 500 ppi (right) version of the image.</div><p>As we can clearly see, the resolution has no effect at all on how the image looks on screen. All three versions each take up a space of exactly 200 x 200 pixels regardless of the resolution setting. The quality of each version is also exactly the same. Each version would <em> print </em> at a very different size because of the different resolution settings, but it makes no difference whatsoever to the screen size or to the image quality.</p><style>.ads-bottom { width:300px; }</style><script async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script><ins class="adsbygoogle ads-bottom"data-ad-client=ca-pub-6601556224092982 data-ad-format=rectangle data-ad-slot=2879809098 style=display:block> </ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><p>While it's doubtful that this 72 ppi web and screen resolution nonsense will go away any time soon, I hope this tutorial has at least made it easier to see why it is, in fact, nonsense at this point. Computer monitors these days all have screen resolutions higher than 72 ppi, and the image resolution option in Photoshop affects only a photo's print size, not its screen size.<p>Any photo with pixel dimensions small enough to display on the web would be too small for anyone to download and print a good quality version at a useful size, so with all these reasons in mind, if your photo will only be viewed on screen, whether it's on the web, in an email, or whatever the case may be, there is simply no logical reason why you would need to set its resolution to 72 ppi in Photoshop. Unless you're printing the photo, you don't need to worry about image resolution at all. And there we have it!<p><div class=members-ad><a href=/print-ready-pdfs/> Get all of our Photoshop tutorials as PDFs! </a> Download them today!</div><br><p></article></main></div></div><footer><div><section class=footer-links><h4>Links</h4><ul><li><a href=https://www.youtube.com/channel/UCoQ75ZxcJqcUxnmLfpSGWsg target=_blank> YouTube Channel </a><li><a href=/contact/> Contact Us </a><li><a class=login href=/newsite/wp-login.php> Member Login </a><li><a href=/privacy-policy/> Privacy Policy </a><li><a href=/sitemap> Sitemap </a><li><a href=/> Home </a></ul></section><section class=footer-links><h4>Tutorials</h4><ul><li><a href=/print-ready-pdfs/> PDFs </a><li><a href=/basics/> Basics </a><li><a href=/photo-editing/> Retouching </a><li><a href=/photo-effects/> Photo Effects </a><li><a href=/photoshop-text/text-effects/> Text Effects </a><li><a href=/essentials/> Digital Photo Essentials </a></ul></section></div><section class=copyright-info><h4>Other Stuff</h4><p>© 2021 Photoshop Essentials.com. <br> For inspiration, not duplication. <br> Site design by Steve Patterson. <br> Photoshop is a trademark of Adobe Systems Inc.</section></footer></div><script id=comment-reply-js src=https://www.photoshopessentials.com/newsite/wp-includes/js/comment-reply.min.js?ver=5.8.1></script><script id=regenerator-runtime-js src=https://www.photoshopessentials.com/newsite/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.7></script><script id=wp-polyfill-js src=https://www.photoshopessentials.com/newsite/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0></script><script id=contact-form-7-js-extra>/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/www.photoshopessentials.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"};
/* ]]> */</script><script id=contact-form-7-js src=https://www.photoshopessentials.com/newsite/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.2></script><script id=mashsb-js-extra>/* <![CDATA[ */
var mashsb = {"shares":"1001","round_shares":"","animate_shares":"0","dynamic_buttons":"0","share_url":"https:\/\/www.photoshopessentials.com\/essentials\/the-72-ppi-web-resolution-myth\/","title":"The+72+PPI+Web+Resolution+Myth","image":"https:\/\/www.photoshopessentials.com\/newsite\/wp-content\/uploads\/2013\/04\/72ppi-web-resolution-80j.jpg","desc":"Many Photoshop users believe they need to set the image resolution of their photos to 72 ppi before uploading them to the web or viewing them on screen, but is there really any point to it? We put it to the test and learn why computer screens don't actually care about image resolution at all!","hashtag":"","subscribe":"link","subscribe_url":"http:\/\/www.photoshopessentials.com\/newsletter-signup\/","activestatus":"1","singular":"1","twitter_popup":"1","refresh":"0","nonce":"c951624259","postid":"3091","servertime":"1635674877","ajaxurl":"https:\/\/www.photoshopessentials.com\/newsite\/wp-admin\/admin-ajax.php"};
/* ]]> */</script><script id=mashsb-js src=https://www.photoshopessentials.com/newsite/wp-content/plugins/mashsharer/assets/js/mashsb.min.js?ver=3.8.0></script><script id=google-recaptcha-js src=https://www.google.com/recaptcha/api.js?render=6LfQasgUAAAAABJlIPgWfiAIP00yGrI2ZLE0BVP3&ver=3.0></script><script id=wpcf7-recaptcha-js-extra>/* <![CDATA[ */
var wpcf7_recaptcha = {"sitekey":"6LfQasgUAAAAABJlIPgWfiAIP00yGrI2ZLE0BVP3","actions":{"homepage":"homepage","contactform":"contactform"}};
/* ]]> */</script><script id=wpcf7-recaptcha-js src=https://www.photoshopessentials.com/newsite/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.5.2></script><script data-cfasync=false id=ws-plugin--s2member-js src=https://www.photoshopessentials.com/newsite/wp-content/plugins/s2member/s2member-o.php?ws_plugin__s2member_js_w_globals=1&qcABC=1&ver=170722-170722-3247660514></script><script id=wp-embed-js src=https://www.photoshopessentials.com/newsite/wp-includes/js/wp-embed.min.js?ver=5.8.1></script><script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script async data-no-minify=1 src=https://www.photoshopessentials.com/newsite/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js></script>