The size of an image in a website layout is important. From proper alignment to getting just the right amount of white space, sizing photos and graphics properly beforehand is essential to creating a balanced look. Images on the web are measured in pixels. Yet many people go through the trouble of setting their images to 72 dots per inch (DPI).
The process of sizing images for the web is often misunderstood. The misconception about resolution in digital images bound for the web is that they must meet a certain number of dots per inch. In print, pixels per inch and dots per inch impact the size of an image on a page. DPI doesn’t apply to layout on the web.
When someone converts an image to 72 DPI, they’re adding an extra step with no benefit. Web pages are measured in pixels, not real-world units such as inches. When someone asks you for a web image that’s, say, two inches wide, they’re estimating how it would appear on their own monitor. Without changing the image’s pixel dimensions,