![standard web image resolution standard web image resolution](https://miro.medium.com/max/1400/1*R1T0RwkZrBe_5jcznyyCuQ.png)
The difference between print resolution and screen resolution Microsoft calls this Clear Type and it's mostly used for text. By cleverly changing the amount of red,green and blue, a computer screen can manipulate the sub-pixels to give the illusion of having a higher resolution. I've turned on anti-aliasing for this last 'A' and you'll see it appears smoother.Īlso, it's possible to 'cheat' and that's what LCD screens do - each pixel is made up of small red, green and blue sub-pixels like the image at the top of this article.
![standard web image resolution standard web image resolution](http://www.lyonsdendesign.co.uk/wp-content/uploads/2014/11/resolution-sizes.jpg)
This smooths out the jagged edges in text, or angled lines in your image. You can cheat resolution and make an image seem smoother than it otherwise would by using a technique known as anti-aliasing. That is to say, I cannot improve upon its quality because my laptop cannot display images at a higher resolution than that.
STANDARD WEB IMAGE RESOLUTION FULL
Actually this image is at full resolution for the screen I’m using to view it. To get that, we’ll need to increase the resolution even more. That’s closer to what we want, but it still doesn’t have that crisp quality I’m used to seeing on my laptop. Now let’s multiply the 10 by 10 resolution by 5 to get a 50 by 50 square. The more we increase the resolution of the graphic, the clearer the A becomes. Hopefully you can see what’s going on here. So let’s bump up the resolution and go with a 10 by 10 square.Īlright. Why no letter A? There is no letter A because there are no more dots than the single dot we used. At a resolution of 1 by 1, (a square that’s one dot by one dot), we end up with an “image” that looks like this: So let’s create an image of the letter “a,” going from the lowest possible resolution to something much larger than that. Sometimes a good example does what words will never do.
![standard web image resolution standard web image resolution](https://i.stack.imgur.com/Zmj0w.png)
You get more detail in the space of your screen because there are more dots to display the details of the images. These days, most basic laptops and LCD screens have a much higher resolution. If you remember those old computer monitors from the 90s, you'll remember how blurry the images were. Put even more simply, the more dots you jam into the width and height of the screen, the higher the resolution. There is a certain number of dots in the space that is the screen. Your computer, laptop and your smartphone (if you’re lucky enough to have one) both have image resolutions.
![standard web image resolution standard web image resolution](https://fieldsgraphicdesign.com/wp-content/uploads/2018/07/header-banner-compare-04-1024x300.jpg)
Why is that? Because there’s more information in the same small space. It becomes sharper, more defined, and more detailed as well. As the resolution goes up, the image becomes more clear. Put into some very basic terms, resolution is the quality of the image.