Size Matters

Blogger allows the uploading of images and displays them in three sizes. The largest size is 400 px. I’ve been dissatisfied with the 400 px wide display of my images. Plus I don't want my viewers to have to click-click-click to see my images.

In order to increase the size of the layout, I’ve changed the template for the blog, click "Customize", "Layout", "Edit HTML". I changed the the “Outer-Wrapper” from 840 px to 1060 px and I’m using a 220 px sidebar-wrapper and a 1060 px “Header-wrapper” and “Outer-Wrapper”.

My photos are stored on Picasa Web Albums which will create a link to an 800 px wide image. You can still use the Blogger uploader tool to upload your images. When you upload a “large image”, you will have “s400” in the string. Change this text to “s800” and you will get the 800 px wide display.

With the large format, the link to the image is not needed nor is the style string. Here is a screen shot of how I edit the image HTML. The top string is the blogger generated HTML for the image. I've put the text string I'm removing in red. The resulting image HTML is in the bottom paragraph of the.



Here you can see a 400 px image and an 800 px image. Picasa also has a 640 px that you can use. For photo blogs, I think it works well. I’m much happier. Let me know what you think or if this has helped you.