Blogger Auto Resized Uploaded Image

It's been a while that I've been working on some of my other blogs (mostly thumbnailed images one) that just recently I found a "miss match" between the image size that I uploaded, and the one I tested after publishing the post, well it's kinda stupid isn't it ?
Been doing it for years and I just realized it recently. Well I think it's because most images that I've post were in random size, so I didn't pay much attention on "what's on the strings", in this case, it's the /s1600/ line.
Trying to remember way... way... back, well... there's a warning about posting image with max size of 800px, Blogger or Picasa auto enhance and bla bla bla and so on, but none about 1600px limit (another thing that's kinda stupid of me)
So..... yeah, I went hunting for answers, too bad I just couldn't find or maybe too lazy to read through all the stuff with blogger image resize in it.
One thing keep popping on my head is, s1600 should be an image size parameter and it's only resize images that's bigger than 1600px.
String example
Note : Each string contain 2 images, 1 is the actual size image (TG-14-07.jpg and TG-14-09.jpg) and the 2nd is the thumbnail image (TN-TG-14-07.jpg and TN-TG-14-09.jpg ) :

Image 1

<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-qmQQxNJRlhQ/WT2g7Aj_QRI/AAAAAAAAcFU/WXJ95jgl1Wg2wxRFCMSdmNE-PzC7o-l4ACLcB/s1600/TG-14-07.jpg" imageanchor="1" style="margin-left: 2em; margin-right: 2em;"><img border="0" src="https://2.bp.blogspot.com/-y3WVD0uIVAw/WT2dl1alGPI/AAAAAAAAcCs/_TeQUp_WTTk1HetAIOdR8bGlHMHMQj3HgCLcB/s1600/TN-TG-14-07.jpg" /></a>

Image 2

<a href="https://1.bp.blogspot.com/-G3ezxlQ3IxQ/WT2iECqKolI/AAAAAAAAcFg/PoxQBDKpx4sFSO8EIKGLSFSpxyNqrhxowCLcB/s1600/TG-14-09.jpg" imageanchor="1" style="margin-left: 2em; margin-right: 2em;"><img border="0" src="https://1.bp.blogspot.com/-rdxX0g6x9JY/WT2dmXhCYOI/AAAAAAAAcC0/lx-E1EYfb_8oeqVow7ES3Aug3Q6hCid4gCLcB/s1600/TN-TG-14-09.jpg" /></a></div>

Thumbnail view (right click and open in new tab)

Now, if you hover your pointer on the tab head (in mozilla firefox), you'll see the size of Image 1 is 1067x1600 pixels and Image 2 is 1600x1067 pixels, and that's a No... No.. because that's not the size of the image that I uploaded.

So here goes nothing, I change the s1600 to s0000.
String example :

Image 1

<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-qmQQxNJRlhQ/WT2g7Aj_QRI/AAAAAAAAcFU/WXJ95jgl1Wg2wxRFCMSdmNE-PzC7o-l4ACLcB/s0000/TG-14-07.jpg" imageanchor="1" style="margin-left: 2em; margin-right: 2em;"><img border="0" src="https://2.bp.blogspot.com/-y3WVD0uIVAw/WT2dl1alGPI/AAAAAAAAcCs/_TeQUp_WTTk1HetAIOdR8bGlHMHMQj3HgCLcB/s1600/TN-TG-14-07.jpg" /></a>

Image 2

<a href="https://1.bp.blogspot.com/-G3ezxlQ3IxQ/WT2iECqKolI/AAAAAAAAcFg/PoxQBDKpx4sFSO8EIKGLSFSpxyNqrhxowCLcB/s0000/TG-14-09.jpg" imageanchor="1" style="margin-left: 2em; margin-right: 2em;"><img border="0" src="https://1.bp.blogspot.com/-rdxX0g6x9JY/WT2dmXhCYOI/AAAAAAAAcC0/lx-E1EYfb_8oeqVow7ES3Aug3Q6hCid4gCLcB/s1600/TN-TG-14-09.jpg" /></a></div>

Thumbnail view (right click and open in new tab)

Well... well... well... the tab head shows the actual image size, Image 1 is 1366x2048 pixels and Image 2 is 2048x1366 pixels.
So I tried removing the s1600 and Oops.... the image size turns smaller... what a nightmare....
So another try and change s0000 to s2100, s2048 and finally to simply s0
Voila.... it's still shows the actual size, so I'll stick with s0 'cause it's shorter and by that, my problem is SOLVED but with more trouble to come, as I have hundreds of thumbnailed image gallery with thousands of pictures in it.

So the lesson for me is, yes the s1600 string shows your image being resized, but your actual image with the actual size is still there and with a little twist, I can bring it back.