Beautiful! Btw how were you able to enlarge the thumbnails and maintain high image quality? In an older post you wrote (and I just realized) that blogger enlarges the small thumbnail by default, instead of enlarging the original picture, causing a very low image quality, which I don't notice in your posts...
I first upload an image to Flickr and use the Flickr URL in the code where I define the thumbnail. The width of my content wrapper is 700px, so I set the thumbnail width to 680px and recalculate the height. It's a pain in the butt.
I have just discovered a new way to set large thumbnails without passing through flickr: if you check the html code of the post you are creating, you will find the "href" attribute that is related to the original picture you uploaded to blogger. Just copy the href url to the "src" attribute. The url string should include the text /s1600-h/. On the src attribute change this into /s1600/ and leave everything else the same. This is working on my blog! I hope this can be useful also for you. ciao!
I was working to create a slideshow and noticed there was a problem in visualizing the images when I tried to open them with a browser by using the url with the "s1600-h" thing. So after 1000 attempts, I posted an image to blogger, I clicked on the thumbnail and I opened the full size version on a new page. If you check the url of this new page, there is the "s1600-h", but if you look at the source code of the page you'll notice that the src attribute has the "s1600" version. So, actually I don't know what's happening with the "s1600-h" but I realized that everything is working if you cut the "-h" part from the src. Not a scientific method, but at least it seems to be a solution :-)
6 comments:
Beautiful!
Btw how were you able to enlarge the thumbnails and maintain high image quality? In an older post you wrote (and I just realized) that blogger enlarges the small thumbnail by default, instead of enlarging the original picture, causing a very low image quality, which I don't notice in your posts...
I first upload an image to Flickr and use the Flickr URL in the code where I define the thumbnail. The width of my content wrapper is 700px, so I set the thumbnail width to 680px and recalculate the height. It's a pain in the butt.
Very exhaustive. Thank you!
I have just discovered a new way to set large thumbnails without passing through flickr: if you check the html code of the post you are creating, you will find the "href" attribute that is related to the original picture you uploaded to blogger. Just copy the href url to the "src" attribute. The url string should include the text /s1600-h/. On the src attribute change this into /s1600/ and leave everything else the same. This is working on my blog! I hope this can be useful also for you. ciao!
Interesting! I tried the href-URL before, but the image didn't show up. What's going on with the 1600-h and how the heck would you find that out? :-)
I was working to create a slideshow and noticed there was a problem in visualizing the images when I tried to open them with a browser by using the url with the "s1600-h" thing. So after 1000 attempts, I posted an image to blogger, I clicked on the thumbnail and I opened the full size version on a new page. If you check the url of this new page, there is the "s1600-h", but if you look at the source code of the page you'll notice that the src attribute has the "s1600" version. So, actually I don't know what's happening with the "s1600-h" but I realized that everything is working if you cut the "-h" part from the src. Not a scientific method, but at least it seems to be a solution :-)
Post a Comment