I've been sizing most of my blog pics in the 800- to 1000-pixel range, which seems a good size for viewing on a desktop monitor. But now, with more people surfing the web on smart phones and tablets, I'm wondering if 800 to 1000 pixels is still a good idea. Unfortunately, I don't have a smart phone nor tablet so I'm not able to see how the 1000-pixels images are displayed.
So I'm looking for some of your thoughts here ...
How are 800-pixel images displayed on devices such as iPhone and iPad? Can the viewer see the whole picture displayed on the screen?
Are you taking into account mobile viewing when sizing your blog images?
Mine are 908 on the long side. I have WPTouch installed on my blog. It let's the user toggle for mobile. Regardless, these devices have gotten extremely intelligent at rendering images for their screen size. I wouldn't worry too much about it.
Most of the blog sites will auto resize for mobile. For some reason my blogspot blog wasn't doing this while others' were but now it's doing it. No probs with my Wordpress site.
hardlyboring wrote:
my blog is setup for 980px on the long side. works fine on any device I have ever used.
Wow! The entire pic is displayed? At that size I thought you'd only see part of the pic at once. Are your images, themselves, 980 pixels on the long side?
kbryantimages wrote:
Mine are setup at 880px wide ... My mobile users usually don't have any issues viewing.
Hmmm. I wonder what the screen resolution is on an iPhone. Perhaps 1000 pixels or more on the long end? If so, I guess that would explain an 880 fitting completely on the small screen. Though I suppose the picture would be so small it would be hard to even see what was on that picture?
I size mine at 640px. It shows up fine on my android phone and tablet. I've looked at my blog on an ipad and the quality seems a lot worse than it appears on other devices but I'm not going to start uploading larger files for excellent quality on one device. Besides, larger photos require more bandwidth, I'd rather have my site load faster than have pixel sharp files.
I think a lot will depend on your blog settings. There is probably an optimized image size for the theme/format/etc. I use 950p wide and it works out. Looking at changing the core theme to one that supports a more responsive experience on the i/mobile devices. Graph Paper Press stuff has served me well.
I have a custom code for 900 pixels wide since that's the standard used for most computers, tablets, and phones. When I upload, I use a full 1024 pixels and then the thumbnails are generated at specific sizes to fit the website. While it's not considered "Retina" display capable, it gets pretty close. If I wanted to go full retina, it requires larger initial images with a custom css for displaying Retina images. Everything scales to the device you're viewing it on.
