Resize html image in email signature

Question

Hi, I have been trying to insert my company logo in my email signature on Outlook Client 2013 but the results have been disappointing. Would greatly appreciate your assistance. Thank you in advance!
My company logo is in png-format. Its dimensions are 1221 x 374 px, and has a dpi of192. Its size is 37.9 KB. 
I have read from various online sources that it is better to resize the image such that it is not larger than 10 KB.
However, I do not want to resize the image (to ideal width: 150 px) before inserting it in the signature editor, because doing that is bound to degrade the resolution of the image, no matter how good the photo editor is. I have tried gimp and various
photo editors, but the resulting picture quality is poor and grainy. I can barely make out the text in the logo. 
These are the 4 methods that I have tried:
1. I followed this YouTube tutorial. I insert the image in signature editor. The location of the image is at my Desktop. Save and close. 
I insert the signature in a new email. The resulting image is large and appears according to its original dimensions in my signature. So I resize the image in the inserted email signature, copy that resized image, then paste it in the signature
editor. The resized image will appear, with reduced dimensions. I save and close the signature editor.
Then, I insert the signature again in the email. The dimensions of the image are correct and they appear perfect. So I do a test by sending an email to myself. When I view the email on Outlook Client, the image looks perfect. However, on Outlook
Web App, the image is extremely large and out of place. I have been racking my brains on how to solve this problem.
2. Same as step 1. But instead of inserting the logo from my Desktop, I inserted the logo located on the web by typing its URL in full. I used: Insert > Link to File.
However, the same problem appears. The image in the send email looks great on Outlook Client, but too large on Outlook Web App.
3. Re-render the image to 96 dpi using IrfanView. I read from this source that Outlook will rescale any image that is not 96 dpi.
Tried Step 1 again. But image size in Outlook Web App is too large again.
4. I followed the steps in this link to create a HTML email signature. I used an online WYSIWYG HTML editor
to generate the HTML code. I realised that altering the height and width of the image in the html changes the size of the image only in the WYSIWYG editor. I believe that Outlook Client overrides all provided image dimensions.
Thank you so much for your help!

Answer 1

Hi Joy,
Try this.
Compose the signature in Outlook, insert the original image, resize it to the correct size, by dragging the image using mouse.
Compress using inbuilt Outlook tool, this should not degrade the quality of the image much.
Click the picture or pictures that you want to change the resolution for.
Under Picture Tools, on the Format tab, in the
Adjust group, click Compress Pictures.
If you do not see the Picture Tools and Format tabs, make sure that you selected a picture. You may have to double-click the picture to select it and open the
Format tab.
To change the resolution for the selected pictures only and not all of the pictures in the document, select the
Apply only to this picture check box.
Under Target output, click the resolution that you want.
Now, copy all and create a new Signature out of this.
Send out an email with this new signature and see if it works on OWA.
Ensure you are checking it on the same PC and the Web browser is on 100% zoom level.
In my case its appearing slightly smaller on Browser then on PC. Check if its same on different PCs as well.
Regards,
Satyajit
Please “Vote As Helpful”
if you find my contribution useful or “Mark As Answer” if it does answer your question. That will encourage me - and others - to take time out to help you.