Responsive image solutions

[koder]

Hi Folks,

in my recent interview one of the interviewer asked a question regarding responsive design.
Q) I have an image(high resolution Ex 2000x2000) how you handle that type of images in Mobile pages loading wise while having 2G network.

I have answered:

1. As a best practices do not recommend to use that type of huge resolution images for mobiles, apart from this if necessary will use separate image based on mobile dimensions.But he said it will take another HTTP request, don’t want that as well.
2. To avoid HTTP request will use focal point responsive technique (or) will use some js file(like adaptive.js)

Just want to know is this a valid question, if yes then any better solution.

Didn’t understand my question please let me know.

[SamA74]

See my comments in this thread.

Any side effect on SEO or page rank if home page refreshes

I want to show different-sized images on various screen resolution devices, so I add some cookie functions in the home page html file’s head, i.e., if no cookie was set, a cookie will be created, in which the screen width will be saved, then refresh the home page. Thus the home page will show images based on the user’s screen width. Because the home page will be refreshed or reloaded when a user visits the website for the first time, I want to know do search engines like the refresh action? Ar…