Just like web images, images for projectors should match the pixel dimensions of the projector. If you're a web developer, check out some ways people are designing for retina or high pixel density displays. Over the years, technology has improved and so has the quality of our displays. Most popular are Apple's new retina displays that are on the most recent Macbooks, iPhones, and iPads. But the common misconception is that this resolution or PPI value is the deciding factor of image quality for web images, where it is actually about pixel dimensions ( ).Įach monitor is different and has a different resolution, so it makes it difficult to design a website that contains images that will display perfectly on every type of display. The idea has been for many years that images should be saved with a resolution of 72 PPI.
![full-width web image resolution requirements full-width web image resolution requirements](https://www.elegantthemes.com/blog/wp-content/uploads/2016/12/FullWidth-Header-Extended-Using-FullWidth-Header-Extended-with-Extra.png)
![full-width web image resolution requirements full-width web image resolution requirements](https://flothemes.com/wp-content/uploads/2015/09/Full-Width-image-size-for-Flothemes.png)
Use PPI for printed images, but use pixel dimensions of the image are what really determine the size of the image and quality of how it will display on the web or devices. Screen images are different than images for printing because we must think about the pixel dimensions of monitors, TVs, projectors, or display, rather than PPI. Images for large format poster printing can be around 150-300ppi depending on how close the image will be viewed.* Photographic prints are recommended to be at least 300 ppi. For images that just need to "look good", 200 ppi will work. Non-professional printers such as inkjet, laser, and other common printers can best print images that are at least 200 to 300 ppi and higher. Always check with your printer/publisher about required image resolution before submitting images. Some professional, high-end printers may require images to be up to 600 ppi for printing.
FULL WIDTH WEB IMAGE RESOLUTION REQUIREMENTS PROFESSIONAL
Printing Resolution Professional Publications It's better to have more information than not enough! It's much easier for image editing applications, like Photoshop, to discard any unwanted image information (reducing the size of an image) than it is to create new pixel information (enlarge an image). Resolution rule of thumb: When scanning or photographing, always try and capture the image at the largest resolution/quality. As you've probably guessed, it won't look nearly as sharp as the 600ppi image. Now, compare that to an image with 72ppi, which has a lot fewer pixels per inch. 600 is a lot of pixels to live in just one inch, which is why 600ppi images will look very crisp and detailed. For example, an image that has a resolution of 600 ppi will contain 600 pixels within each in of the image. When you change the resolution of an image, you are saying how many pixels you want to live in each inch of the image. Images with lower resolutions have fewer pixels, and if those few pixels are too large (usually when an image is stretched), they can become visible like the image below. Higher resolutions mean that there more pixels per inch (PPI), resulting in more pixel information and creating a high-quality, crisp image.
![full-width web image resolution requirements full-width web image resolution requirements](https://theme-fusion.com/wp-content/uploads/2018/05/docs_dual_siebar_half_column_image_size.jpg)
Image resolution is typically described in PPI, which refers to how many pixels are displayed per inch of an image.