locked
Resize html image in email signature RRS feed

  • 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.

    Image

    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!

    Thursday, December 18, 2014 2:20 AM

Answers

  • 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.

    1. Click the picture or pictures that you want to change the resolution for.
    2. Under Picture Tools, on the Format tab, in the Adjust group, click Compress Pictures.

      Adjust group on the ribbon

      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.

    3. 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.

    4. 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.

    • Marked as answer by JoyLeeML Saturday, December 27, 2014 8:43 AM
    Thursday, December 18, 2014 10:07 AM

All replies

  • 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.

    1. Click the picture or pictures that you want to change the resolution for.
    2. Under Picture Tools, on the Format tab, in the Adjust group, click Compress Pictures.

      Adjust group on the ribbon

      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.

    3. 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.

    4. 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.

    • Marked as answer by JoyLeeML Saturday, December 27, 2014 8:43 AM
    Thursday, December 18, 2014 10:07 AM
  • Hi Satyajit321, 
     
    This is really helpful. Thanks for your contribution.

    Regards,


    Simon Wu
    TechNet Community Support

    Thursday, January 8, 2015 7:34 AM
  • I'm having the same issue. I've tried 72 dpi, 96 dpi, and 200+ dpi variants, and it always takes the image I link to which is 150x27 and forces it to be 225x41. I have no idea why it does this. 

    I've tried all of the steps suggested above, and nothing will fix it.The result is a big image that is fuzzy. I even edit the HTML source and use inline CSS to tell the image to be 150x27 and Outlook 2013/2016 still ignores it.

    Help would be appreciated! 

    Cheers,

    David


    David V. Kimball

    Thursday, June 2, 2016 6:37 PM
  • I would never recommend creating email signatures in Outlook itself. Create them in MS Word using HTML and then copy and paste into Outlook. You can also use an email signature creator to make it easier. There are plenty of good tools online to help you out.
    Tuesday, February 21, 2017 7:26 AM