CodingForums.com - View Single Post - serving optimized images to mobile phones and desktops ?

guermantes · 08-09-2011, 08:50 AM

Hi,

I am beginning developing a small site with a static image gallery of 50 images - the images will be in a list. I want this site to be possible to use on mobile devices as well, so I am going to use CSS media queries to adapt the styling and presentation to small screen when a user visits the site from their phone rather than desktop.

I presume I should do some further optimization/downsampling of the images that should be served on the mobile device, but how should I make the server send a smaller image to phones and a larger image to desktops, when the same thumbnail is tapped/clicked?

Thanks!

08-09-2011, 08:50 AM	PM User \| #1
guermantes New Coder Join Date: Apr 2007 Posts: 59 Thanks: 10 Thanked 0 Times in 0 Posts	serving optimized images to mobile phones and desktops ? Hi, I am beginning developing a small site with a static image gallery of 50 images - the images will be in a list. I want this site to be possible to use on mobile devices as well, so I am going to use CSS media queries to adapt the styling and presentation to small screen when a user visits the site from their phone rather than desktop. I presume I should do some further optimization/downsampling of the images that should be served on the mobile device, but how should I make the server send a smaller image to phones and a larger image to desktops, when the same thumbnail is tapped/clicked? Thanks!