Anonymous, bureaucrat, administrator
7,528
edits
Changes
From All n One's bxp software Wixi
no edit summary
* Dots per inch: dpi
These are the most commonly used measurement types for images over the web. Images can be scaled in HTML using tags or attributes called width and height. An example of this is when an image may be 200px in width and 300px in height, now I put this inside a box on a web page. I may have less space to work with so i change the width and height of the box to say 100px and 150px . The image size is the same but because i have specifically set the width and height of the box, it will crunch the image to fit this box.
Browsers such as older versions of internet explorer will do this crunch automatically but will also crunch any other content that may be with the image. This can lead to distorted content and images. There are ways around this, the main solution is not to crunch images to a size but to resize the image before putting it in.
