We are creating a photo gallery and originally designed it for desktops in mind (1024x 1068) but now we realize that users on laptops and other notebooks will not have an optimal experience. For instance the photos will be cut off etc. Do we need to design for 1366x768? What about mobile or the high-res images?
There are a couple of ways you could have your photogallery. 1 would be a regular responsive gallery where in you have a higher resolution image and then that would adjust as per the screen resolution. Hence, say a 1366 X 768 would be the highest resolution in your current option and then it would scale as per the screen size including mobile.
Second option would be to serve different images for different screen sizes. For example if you are using wordpress, you could have each image uploaded saved as different sizes. Then based on the resolution of the screen, you could serve a particular image to a client. The advantage of this method would be that as you server lower resolution images to smaller screens it would reduce the load times to that extent.
It’s a good question, anna74, and one that is very topical. It’s worth reading this article on responsive web design for an intro to the issue: http://alistapart.com/article/responsive-web-design/
Thanks all. Does anyone know of a photo gallery that uses responsive design? I thought that the New York times did but theirs too appears to crop.
There are lots and lots. Perhaps describe what kind of gallery you want, though. What sort of layout/functionality are you picturing?