image size ...its how you use it that matters
Posted: 02 Aug 2011, 08:38
I haven't seen anyone make reference to image size and I hope I don't come undone with my own choices but it was a question that remained on my mind as I built the site and I think might make for a good measure for others.
I've designed for 17" as the minimum size monitor and considered what would be reasonable upper limits for larger and wider monitors. I have not tested for laptops/tablets or the ipad so if I come undone it will be here (fingers crossed).
Its a balance, you need a file size small enough for the speed but large enough for the resolution.
http://oneant.com.au/
I have two image sizes and two types (and purpose) of gallery. The first and most frequent gallery is optimized for speed and uses 1024x681 for landscapes and 681height for portrait orientations. I chose this size as the minimum that a 17" monitor would display with room for a scrollbar and menu underneath.
I thought the common default of 800pixels too small. I don't need to consider 56k modems anymore and as my audience is largely Australian then I can consider reasonable broadband speeds (also we are about to be on a national optical 1Gb network)
I set the imagevue screen margin to 40 and the scale to fitmargin (settings/image).
This means the images are displayed at their full size and are not affected by any resizing algorithm within imagevue. For screens smaller than 17" the 40 margin should keep things in check.
http://oneant.com.au/#/content/Street/G ... T_4062.jpg
The other gallery type that I have is designed for a summary of my pictures, my favorites and I have sacrificed speed for a larger image size and resolution. These images are 1280x852 and the portraits this time are 920pixels high to maximise screen space and add a bit of theatre in the transition. The logic is that there are expectations that these are larger pics so they will be slower ....and hopefully worth the wait as they load. They run as an auto-slideshow and I've disabled the image scroll bar settings.startmode=image&image.slideshow.autostart=true&thumbnails.thumbnailscroller.enabled=false&controls.largecontrols.enabled=false&image.closebutton.enabled=false
I resized the pics (for web) in photoshop rather than using the uploader to adjust them. For the general use gallery the pics tend to sit around 200k but in the GRAndstAnD gallery they sit around 350k.
My other design consideration was to minimize clutter and limit the user controls to intuitive and not multiple choice. I have looked at many imagevue sites and sometimes found the choices overwhelming ...and a distraction from the image.
I plan to visit PC and Apple stores in coming days to test my gallery on as many devices as possible and will come back with either a grin
or (insert egg-on-face emoticon here)
I hope my 1st post is useful to someone, maybe you would like to comment on the speed at your own desk, maybe you have an ipad and can tell me I goofed or maybe I've been of help to someone else that is likely going to have 'size' on their mind.
Ant.
I've designed for 17" as the minimum size monitor and considered what would be reasonable upper limits for larger and wider monitors. I have not tested for laptops/tablets or the ipad so if I come undone it will be here (fingers crossed).
Its a balance, you need a file size small enough for the speed but large enough for the resolution.
http://oneant.com.au/
I have two image sizes and two types (and purpose) of gallery. The first and most frequent gallery is optimized for speed and uses 1024x681 for landscapes and 681height for portrait orientations. I chose this size as the minimum that a 17" monitor would display with room for a scrollbar and menu underneath.
I thought the common default of 800pixels too small. I don't need to consider 56k modems anymore and as my audience is largely Australian then I can consider reasonable broadband speeds (also we are about to be on a national optical 1Gb network)
I set the imagevue screen margin to 40 and the scale to fitmargin (settings/image).
This means the images are displayed at their full size and are not affected by any resizing algorithm within imagevue. For screens smaller than 17" the 40 margin should keep things in check.
http://oneant.com.au/#/content/Street/G ... T_4062.jpg
The other gallery type that I have is designed for a summary of my pictures, my favorites and I have sacrificed speed for a larger image size and resolution. These images are 1280x852 and the portraits this time are 920pixels high to maximise screen space and add a bit of theatre in the transition. The logic is that there are expectations that these are larger pics so they will be slower ....and hopefully worth the wait as they load. They run as an auto-slideshow and I've disabled the image scroll bar settings.startmode=image&image.slideshow.autostart=true&thumbnails.thumbnailscroller.enabled=false&controls.largecontrols.enabled=false&image.closebutton.enabled=false
I resized the pics (for web) in photoshop rather than using the uploader to adjust them. For the general use gallery the pics tend to sit around 200k but in the GRAndstAnD gallery they sit around 350k.
My other design consideration was to minimize clutter and limit the user controls to intuitive and not multiple choice. I have looked at many imagevue sites and sometimes found the choices overwhelming ...and a distraction from the image.
I plan to visit PC and Apple stores in coming days to test my gallery on as many devices as possible and will come back with either a grin
or (insert egg-on-face emoticon here)I hope my 1st post is useful to someone, maybe you would like to comment on the speed at your own desk, maybe you have an ipad and can tell me I goofed or maybe I've been of help to someone else that is likely going to have 'size' on their mind.
Ant.