When you upload pictures in Blogger you are given three options : Small, Medium and Large for the Image Size. Your original image is resized and shown on the blog according to the option you choose here. When viewers click on the image then it is shown in the original size. For example the original size of the image below is 450 by 341 pixels.
After the image is uploaded click Done button in the popup window and shift to Edit Html tab in upper right corner of the Post Editor. This is the code for the picture I see at the top of the post editor window :
Within this code are the links for the smaller picture :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3wKo4IrMbCWnG9XzGMeuLODVgJyJJbEbOfy-KUzUg3yidGkrl0j7u9QBHlmd7RJwJsbUPq0tuaSp_X2feHc3_varemx09YAm7UP9nJs4Esn9P7ckuTmMjPBwtxzmvW1vJC9zpHdmaPg/s200/bbdsnap450.jpg
and the link to the original picture which appears on clicking the thumbnail :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3wKo4IrMbCWnG9XzGMeuLODVgJyJJbEbOfy-KUzUg3yidGkrl0j7u9QBHlmd7RJwJsbUPq0tuaSp_X2feHc3_varemx09YAm7UP9nJs4Esn9P7ckuTmMjPBwtxzmvW1vJC9zpHdmaPg/s1600-h/bbdsnap450.jpg
Notice the difference in the two links : "s200" directory stores the thumbnail while "s1600-h" directory stores the original picture. Otherwise the two links are the same. Even the picture name is not changed.
Now if you want to show the original sized picture in your post paste the second link in code as shown below AND REMOVE THE 's1600-h/' in the LINK :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3wKo4IrMbCWnG9XzGMeuLODVgJyJJbEbOfy-KUzUg3yidGkrl0j7u9QBHlmd7RJwJsbUPq0tuaSp_X2feHc3_varemx09YAm7UP9nJs4Esn9P7ckuTmMjPBwtxzmvW1vJC9zpHdmaPg/"/>
Shift to Compose tap. If the picture still keeps in small sizes, you can enlarge it by simply click on the picture and pulls it out bigger, and the resolution of picture will be maintain as clear as original sizes.
IMPORTANT NOTE : If you want to put pictures in original sizes in your blog make sure that the width of the picture is smaller than the width of your posts column. If the width is more this can cause your sidebar to fall down below your posts column.
http://tips.blogdoctor.me
After the image is uploaded click Done button in the popup window and shift to Edit Html tab in upper right corner of the Post Editor. This is the code for the picture I see at the top of the post editor window :
Within this code are the links for the smaller picture :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3wKo4IrMbCWnG9XzGMeuLODVgJyJJbEbOfy-KUzUg3yidGkrl0j7u9QBHlmd7RJwJsbUPq0tuaSp_X2feHc3_varemx09YAm7UP9nJs4Esn9P7ckuTmMjPBwtxzmvW1vJC9zpHdmaPg/s200/bbdsnap450.jpg
and the link to the original picture which appears on clicking the thumbnail :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3wKo4IrMbCWnG9XzGMeuLODVgJyJJbEbOfy-KUzUg3yidGkrl0j7u9QBHlmd7RJwJsbUPq0tuaSp_X2feHc3_varemx09YAm7UP9nJs4Esn9P7ckuTmMjPBwtxzmvW1vJC9zpHdmaPg/s1600-h/bbdsnap450.jpg
Notice the difference in the two links : "s200" directory stores the thumbnail while "s1600-h" directory stores the original picture. Otherwise the two links are the same. Even the picture name is not changed.
Now if you want to show the original sized picture in your post paste the second link in code as shown below AND REMOVE THE 's1600-h/' in the LINK :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3wKo4IrMbCWnG9XzGMeuLODVgJyJJbEbOfy-KUzUg3yidGkrl0j7u9QBHlmd7RJwJsbUPq0tuaSp_X2feHc3_varemx09YAm7UP9nJs4Esn9P7ckuTmMjPBwtxzmvW1vJC9zpHdmaPg/"/>
Shift to Compose tap. If the picture still keeps in small sizes, you can enlarge it by simply click on the picture and pulls it out bigger, and the resolution of picture will be maintain as clear as original sizes.
IMPORTANT NOTE : If you want to put pictures in original sizes in your blog make sure that the width of the picture is smaller than the width of your posts column. If the width is more this can cause your sidebar to fall down below your posts column.
http://tips.blogdoctor.me
No comments:
Post a Comment