How to make a image to fit in all Mobile screens?

Question

but the image pixel quality shouldn't reduce

Answer 1

@Samundeeswari wrote: << but image width is given in px .I have tried in percentage the image wasn't clear >>

The image loose aspect ratio only if you specify both width and height in percentage: specify only one will auto calculate the other size keeping aspect ratio... just set width:100% with css (none height) or width="100%" in <img> attribute (but this should be avoided, as deprecated in Html5, and advised to use css) ;)

Answer 2

max-width: in percents is going to help?

Answer 3

but image width is given in px .I have tried in percentage the image wasn't clear

Answer 4

Try a higher res one?