Image sizes in Blogger and clicking to enlarge

Uploading the same, large, image (width: 1278px; height: 770px) with Blogger but in the three different sizes they offer, to see what the results are.

No1 - Small (width: 200px; height: 120px;)



No 2 -Medium (width: 320px; height: 193px;)



No 3 - Large (width: 400px; height: 241px;)



All three are clickable to show the original large size, despite the fact I've had to drag them into position.

As to how to get the tool tip, "click to enlarge", you need to go into the Edit Html part of your post screen. All images will consist of code that starts with

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"

Following that is the online reference for the enlarged version of the image, which will end with

/s1600-h/yourimagename.jpg"

s1600 refers to the maximum size, either width or height, ie 1600px, that can be shown. If you look a little bit further on, you will see the code for the smaller image that you have chosen to put in the post. For a medium size image, for example, you will see

/s320/image1.jpg"

- s320 means that 320px will be the maximum size in that image.

Just after that you will see

alt=""

and this is what you need to do something with. Delete alt="" and replace it with title="" and in between the quotation marks put what you want the tooltip to say, eg click to enlarge. Do that for each image you want a tooltip on, Preview to make sure it works, then Publish.

clickable images

Here are two images, both larger than they appear on the blog. This first one (the island) I dragged underneath the text after I'd typed it. It's still clickable to enlarge. The second one I dragged after I'd typed the first sentence; it's still clickable too. Click to enlarge either.




Now here's another, even bigger, one. I uploaded it as 'small', but in the Preview it appears big. It is, however, still clickable, despite the fact that it originally put itself at the top of the post and I cut and paste it to where it is now. Click it to enlarge.

how to save an image?

The big picture

2304x3072 px, 3+MB