Add a vectorial SVG picture in Outlook signature

Question

Is there a way to insert a vectorial (SVG) picture in an Outlook email signature?

Not only insert, but also keep it vectorial (Outlook, Windows), in order that when we zoom in the text, the picture quality should not degrade (no pixelated image).

Answer 1

Dear serge83,

Good Day!

Thank you for posting in Microsoft Community.

Based on your description, I understand that you want to insert a vectorial (SVG) picture in an Outlook email signature. Before we can proceed, we want further information about the situation you are now experiencing. Are you referring to add a SVG picture in Outlook on the web signature?

As far as I know the It is an XML based vector image format which can be used for a variety of web graphics so the default Mail or Outlook client don’t support SVG pictures in signatures.

In outlook on the web, an SVG image can be added by following this steps:

• Navigate to the SVG image and right-click it, then choose Copy image address.
• Open the email in which you want to include this signature. Right-click in an empty spot and choose Inspect. This will launch a new dialogue box with a lot of HTML code.
• By highlighting various portions of the HTML code, it will highlight that element on the web-page, you will view all of the code for the layout of the web-page.
• In the HTML source code editor, add an additional space after your final line to create an empty element.
• Select Edit as HTML from the context menu when you right-click on that element. Insert the HTML code (image address copied in first step) once you have cleared all of its previous contents.

We look forward to your response. Thanks for your cooperation.

Sincerely,

De Paul | Microsoft Community Moderator

Answer 2

you want to insert a vectorial (SVG) picture in an Outlook email signature. Before we can proceed, we want further information about the situation you are now experiencing. Are you referring to add a SVG picture in Outlook on the web signature?

 

As far as I know the It is an XML based vector image format which can be used for a variety of web graphics so the default Mail or Outlook client don’t support SVG pictures in signatures.

 

In outlook on the web, an SVG image can be added

Hello De Paul

I want to include an SVG picture in the Outlook Signature, what is mean, when I create a email ("New email" button in Outlook for Windows) Outlook adds automatically the signature to the end. I don't know what do you mean by "web" signature.

In Outlook, the signatures are editable in the "Signatures and Stationery" settings of the Outlook. We can associate a signature to an account, for new messages or and replies etc.

As I understood from your answer that is not possible, to add an SVG picture to that signature in Outlook (for Windows)

Answer 3

added a request as a feedback on the feedback portal to allow Outlok to use SVG pictures in signature, please vote and share all interested in

https://feedbackportal.microsoft.com/feedback/idea/5c129d86-e1e8-ec11-a81b-000d3a03dba2

Answer 4

Thank you for your comments. Based on your clarifications, I now understand that this is not currently available. As you have already done by reporting this issue in the feedback portal, it will be voted on and may be considered for future releases.

Thanks for your cooperation.

Sincerely,

De Paul | Microsoft Community Moderator

Answer 5

I find the best way to do is to create your signature without the SVG image in Outlook and save that signature (in this example "mySignature"). Then close outlook.

Create your SVG image and ensure it is truly a scalable vector graphic and doesn't do something like embedding a photo file or bitmap inside of the vector file.

Then you'll want to embed this SVG file into your HTML file. For Instructions on how to embed SVG into HTML check out here. Adding vector graphics to the web - Learn web development | MDN (mozilla.org)

The html signature file that you will need to edit is contained here on Windows machines: %UserProfile%\AppData\Roaming\Microsoft\Signatures\mySignature.html . Embed your new SVG file inside of the HTML file by copying and pasting from a text editor. Save your html file. Now reopen outlook and your signature should now be modified to include your scalable vector graphic.