Resizing For Web & Large Monitors

[garnet]

I have a 15" monitor, the pixel dimension across is 1280. When i resize for web viewing i generally reduce the image to 1024 across, this looks fine on my monitor but my confusion is what does this look like when it appears on a very large monitor.Does it remain the same physical size, approx 11"across or does it grow in scale in proportion to the larger screen, and what does this do to the visual quality. Does an image that looks fine on a small monitor look equally fine on a very large monitor, and if not what is the best pixel dimensions to use to cover all possibilities.

another related question, many hosting sites now allow you to upload images up to 25mb, other than the obvious reason of selling hi-res images from the site is there any advantages in uploading such large files if it is only to view the image.Thankyou

[Tywais]

It depends on how the page, specifically the image metrics, is written. You can use either absolute values in pixels or you can use percentage %. Absolute value such as 1024x768 will be that size in pixels on any monitor. If the monitor is 800 wide then it will clip the image. If the monitor is 1920 wide then it will fit 1024/1920 across or 53% of the screen width.

If you use percentages then it will be a percent of the monitor resolution so will scale accordingly to each monitor. So if the image is 1024 and the monitor is 1024 and set to 100% it will fit exactly 1024 pixels across. If the monitor is 1920 wide the image will scale to 1920 wide to fit the 100%.

Example code.

<img src="P1000367.JPG" alt="Moon" height="100%" width="100%">

If you change the width to width="1024" then this is an absolute size.

As for 25MB image sizes, that is useful if the individual wishes to download (save) it to be able to print at maximum resolution. Also, if you are archiving the originals remotely. Not useful though if you just wish to watch it on the monitor.

[Tywais]

One thing I forgot and that is if you use percentage % and re-size your browser the image will also re-size to keep the % relationship of the browser window.