I created an email template and everything works correctly except for the images. Image links are always scrambled. I tried to search for this error and got the idea that my server images might not be public. so I uploaded my images to google drive, turned on the image sharing and pasted link as src attribute but it still gives me broken image.
<img align="center" alt="Image" border="0" class="center autowidth" src="https://photos.google.com/photo/AF1QipN7nO024WiqXwljlKtjBnAmYibqu-qbON2f-o6V" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: none; width: 100%; max-width: 142px; display: block;" title="Image" width="142"/>
This is the resulting link I am getting in gmail
<img align="center" alt="Image" border="0" src="https://ci5.googleusercontent.com/proxy/2O2l92Xpr3J2mn0fQCZcsCj5_HgubYMC5Yjs126neCu8NpIeGbJhVtx5AgWQDBb1Rzucm9OyHEvAaV1764ZREH3uUB8GovbKgx4k2TrbLLCR9CHNFFTTb5L9wNibIDk=s0-d-e1-ft#https://photos.google.com/photo/AF1QipN7nO024WiqXwljlKtjBnAmYibqu-qbON2f-o6V" style="text-decoration:none;height:auto;border:none;width:100%;max-width:142px;display:block" title="Image" width="142" class="CToWUd">
How do I solve this?
What I actually want here is to use the images stored in my google drive or google photos instead of using my own website's server. Is that Possible?