Jetpack plugin caused wordpress to change img dimensions after upload to server

Hi All

I am really frustrated about this issue.
Using the jetpack and found that this issue is related to jetpack – disabled this plugin and the problem stopped, but had to activate it again because I am relying this plugin for galleries.
After working on the style of a website I am building as usual in localhost I decided to upload all files and db to the server and now I see that wordpress has decided to change the dimensions of the images and of the captions (and text).

The code for an image for example:

[caption id="attachment_10" align="alignright" width="541"]<a href="https://localhost/2015/aria_photography/WORDPRESS/public_html/?page_id=34"><img class="categories-link-img wp-image-10 size-full" src="https://localhost/2015/aria_photography/WORDPRESS/public_html/wp-content/uploads/2015/05/10620347_1562259390673398_1710544481334849133_o-e1433781028977.jpg" alt="Categories Link Image" width="541" height="304" /></a> CATEGORIES[/caption]

The html output generated correctly in localhost:

<div id="attachment_10" class="wp-caption alignright" style="width: 541px"><a href="https://localhost/2015/aria_photography/WORDPRESS/public_html/?page_id=34"><img class="categories-link-img wp-image-10 size-full" src="https://localhost/2015/aria_photography/WORDPRESS/public_html/wp-content/uploads/2015/05/10620347_1562259390673398_1710544481334849133_o-e1433781028977.jpg" alt="Categories Link Image" width="541" height="304"></a><p class="wp-caption-text" style="opacity: 1; display: block;">CATEGORIES</p></div>

The corrupted html output as generated in the server:

<div id="attachment_10" class="wp-caption alignright" style="width: 541px"><a href="https://aryaph.com/?page_id=34"><img class="categories-link-img wp-image-10 size-full" src="https://i1.wp.com/aryaph.com/wp-content/uploads/2015/05/10620347_1562259390673398_1710544481334849133_o-e1433781028977.jpg?resize=541%2C304" alt="Categories Link Image" width="517" height="291"></a><p class="wp-caption-text" style="opacity: 1; display: block;">CATEGORIES</p></div>

why is it rendering the same code with the same image with different dimensions?
and how can I correct it?
Please help me….