![web image resolution calculator web image resolution calculator](https://i.ytimg.com/vi/YQcReVqtUvg/maxresdefault.jpg)
As you can see from the bottom illustration, our calculations should give us a 10 × 10 pixels result. It is easier to see the number of pixels if we scale down our image to 5 ppi, keeping the linear dimensions unchanged. Thus, our image is 144 pixels by 144 pixels. If an image has a resolution of 72 ppi and is 2 inches by 2 inches in size (like the saffron flowers in the top illustration), then we can calculate its pixel dimension as follows: It could also mean the actual height and width of the pixel, such as 0.26 × 0.26 mm on the monitor and 0.08 × 0.08 mm on the iPhone 4 screen, for example. While resolution represents the number of pixels per a given unit of space, the pixel dimension is the total amount of pixels in the image. Saffron flowers, spice garden, Kobe, Japan Resolution and Pixel Dimension From this exercise, we can see that if we have an image with a resolution that is too small for our needs, we can decrease the height and the width of the image to get a higher resolution. So, while the smaller image looks better, the number of pixels stays the same. If we inflate it to 200% (fourth picture) - we are back where we started, and our resolution is halved again back to 10 ppi. Now we have all the pixels but twice as little space to distribute them, so this increases our resolution by 2, to 20 ppi. Now, let us reduce the linear dimensions of width and height by half (third picture). For example, let us use the second photograph of the cat as our base image with a size of 4 × 4 inches and 10 ppi. When you decrease the linear dimensions, the resolution will increase by the same coefficient and vice versa.
![web image resolution calculator web image resolution calculator](https://i.ytimg.com/vi/T7xSzjlMKI4/maxresdefault.jpg)
When resizing the image, one can also change its width and height proportional to resolution, meaning that the resolution will change accordingly. The picture looks “choppy” and pixelated because now it has considerably fewer pixels to fill out the same linear space. The width and the length of the second image remain unchanged, but the image quality is visibly reduced - we cannot see the details clearly and some of them disappear completely, for example, the whiskers.
![web image resolution calculator web image resolution calculator](https://www.sourcesecurity.com/img/moreimages/pressrelease_jan12/Theia-Tech-220.jpg)
Let us reduce the “size” of this image by changing one of the variables, the resolution, to 10 dpi. For example, the size of the first image of the cat in the illustration can be defined as 4 inches by 4 inches with a resolution of 72 ppi. Width and length can be considered the linear proportions of the image, while the resolution reflects its quality. It is useful to think of the “size” of the image as a three-dimensional value consisting of its length, width, and resolution. Even though there are metric equivalents for these units, photographers, graphic designers, publishers and other people across the world in the industry generally use ppi and dpi.
![web image resolution calculator web image resolution calculator](https://cdn9.dissolve.com/p/D9_17_373/D9_17_373_1200.jpg)
It is common to use dpi in both cases, but we will use ppi here to use the correct term for the resolution of digital images. Pixels or dots per inch (PPI or ppi and DPI or dpi), are usually equivalent, except that ppi refers to pixels on the screen, while dpi refers to dots on the printed media or the number of dots per a given distance or area that a printing device can produce. In some contexts, such as when talking about the capabilities of displays, this value is sometimes referred to as pixel density. If you step away from the monitor far enough, for example, a few meters away (how far depends on your display and how good your vision is) you will start seeing the palace again, and stop noticing the pixels that it consists of.ĭigital image resolution, or simply resolution as it is usually called, is the amount of dots in the digital image per a given area or distance, such as per inch or centimeter. The bottom image is choppy, “pixelated,” and does not look like a real building. The top picture looks like a real-life palace, with smooth lines and ample detail. You can see this in the example images of the Water Palace (Jal Mahal, Jaipur, India). The smaller the pixels - the more pixels are fit in the space that the image occupies and the more it appears to have continuous lines. The file stores information about the linear size of the image, the location of each pixel on the plane, and its color. Raster graphics, on the other hand, have a limited number of pixels to represent the image. Digital image resolution does not apply to vector graphics for this reason. Vector images can be resized infinitely and their size depends on the amount and complexity of detail in it, not on its linear dimensions.