Quote:
Originally Posted by fluoresce
Thanks, Turtle91 and JSWolf! Learning a lot from you guys.
Please tell me if I understand you correctly . . .
Some hi-res e-readers stretch images to take up space, in which case low-res images can look terrible. We can fix this by doing something like the following:
Code:
<img alt="" src="../Images/img_3.jpg" width="90%" style="max-width:600px"/>
This will prevent the image from being stretched more than 600 pixels, which is its full width.
Is that correct? |
Do not use any value other than a %. The reason being is that if you have a value that's too big, it will be a problem. A % cannot be too big if you only go up to 100%. In most ePub, 100% would be the full height or full width of the screen in use. But, if the image is low-res and you view on a larger device, it could be stretched.
This is why I say to test it on different devices with different screen sizes including eInk. Viewing it on a tablet or phone is not the same as viewing it on eInk. So get yourself an eInk Reader (hi-res) and test away.