Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
What is the preferred way to Scale up and down images in responsive web design?
Different image for different screen size is better or should we scale the same image up and down?
Which option is best considering the performance of website?
I need cross browser way to work on all latest and old mobile browsers.
@jitendra vyas,
scaling same image for different screen size is not a good thing but scaling images is not a bad thing for responsive web design may you have to change the images & design at some specific resolution like 1024px & 480px because they are also a resolution of tab & mobile device.
There are so many reasons like:
1) for a mobile device is to heavy to load large size images.
2) scaling an single image for different resolution became ugly at some point of time special for larger images.
there are some reference website links for how cleverly you can use images.
http://thinkvitamin.com/
http://colly.com/
http://css-tricks.com/
& article on it http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/