I use (width='..px' height='..px') for images in my design. But MobiReady.com's test says that pixel and absolute measures should be avoided. So, what is the best way to define the size of an image for mobile web site? If I use something like a percentage or whatever, the images will get distorted on bigger screens and also we should consider that the image should look ok when the orientation is changed if using a device like iPhone.
I am testing my current design which has absolute measures (px) on Blackberry, Samsung and iPhone. Blackberry shows a smaller image with a higher quality. Samsung and iPhone shows a larger image with a lower quality.
I would really like to hear your ideas about this. Thank you.