Grainy Images On Website

[chrisostomos]

Hi,

I am wondering how i can put my picture on my site witout making them pixley.
The problem is the only way they are not pixley is if the height and the width i put in the IMG tag match the actual size and width of the pic.
Otherwise the image looks pixley. I actually want to put a higher resolution picture in a smaller IMG tag. Reason being incase i need to use a higher resolution pic on the site in the future.
I also tried using EMs and didnt help which i wanted to use that way the picture is relative to everything eles.

Any Feedback or good links would be appriciated

Thank You
Chris

[chrisostomos]

This is the site:

Non-Pixley
http://newwavemodels.ca/models/17/
Pixley
http://newwavemodels.ca/models/15/

[WebJoel]

Are you attempting to forcibly re-size an image which is most likely 'web quality', -72-pixels per inch. 'Stretching' them by stating a height & width not only taxes the visitor's RAM, but degrades the image. And if these are *jpg images, there is a certain amount of 'lossy' that occurs if re-sized without increasing the pixels-per-inch count first.

However, one can takes those images and 'up the pixels' to at least 300-pixels per inch (the minimum for most decent image editing) or even higher, and re-size the physical demensions (H & W) and then state those values directly in the web page so that the browsers rendered the image without stretching or skewing. The image will be of 'screen media quality' (72-px/inch) but you've got better images to begin with, better quality is shown. The images looks pretty awesome to begin with, -even the 'lossy' one, so I assume that a high quality photo-shoot is how these were captured. (I'm working on a site right now with similar attributes).

Any good image-editing software like Photoshop or PaintPro will do what I just decribed. If you'd like, I could download and 'up' the images and ZIP them back here and you can try it out. :)