Quote:
Originally Posted by Gregg Bell
...And why would a small image get overblown? And not sure what you meant by how much zooming I'm willing to allow.
|
If you use the % method and set an image to be 75% of the width of a 1000 pixel wide screen then the image would be expanded (or shrunk) to be 750 pixels wide (and whatever the aspect ratio drives the height to be).
If your original image is already 1000 pixels wide then your image will be compressed (from a viewing perspective - it doesn't actually change the image file). This is no big deal. Most readers/apps out there have good image rendering capabilities. The problem comes when you have a low definition image....say one that is only 200 pixels wide. This causes the device/app to expand (or zoom) the image to fill the space. In this case almost 4 times the original size. That much zoom will usually cause small images to look all pixelated and fuzzy. It is usually OK to zoom an image a little bit...but it depends on the quality of the image to begin with...you just need to experiment with your images and find what level is acceptable to you. I would think allowing a 200 pixel wide image get zoomed to 250 pixels will probably (maybe??) be ok...
I personally don't like putting any styling in the document itself. I like to keep it all centralized in the CSS file for ease of editing. I find you can give multiple images a unique id, or class, for easy reference in the CSS file. This is a matter of taste...some people find it easier to put the values in the <img> tag
.