Outlookの電子メールにSVG署名ファイルを追加する方法は？

スケーラブルベクターグラフィックス（SVG）は、1999年に最初に登場したベクターファイル形式です。さまざまなWebグラフィックスに使用できるXMLベースのベクター画像形式です。成長は遅いものの、2017年までに、ほとんどすべての最新のWebブラウザーがSVGをレンダリングでき、ほとんどのベクター描画ソフトウェアがSVGでエクスポートできるようになりました。

SVGを使用する理由

SVGはユーザーに多くの柔軟性を与えます。 SVGは基本的に、線、曲線、または色で形状を説明する単純なプレーンテキストにすぎません。これがコードを含むSVGファイルの例です。

SVGのいくつかの利点は次のとおりです。

• 小さいサイズ –Webグラフィックに適しています
• 柔軟性 CSSを使用すると、任意のテキストエディタを使用して外出先でグラフィックを簡単にカスタマイズできます。
• スケーラブル –画質を損なうことなくサイズを拡大または縮小できます。
• ほぼすべてのブラウザがサポート
  

Outlookの電子メールにSVG署名ファイルを追加するにはどうすればよいですか？

SVGファイルのサポートが拡大している間、主要な電子メールオペレーターは、柔軟性とそれに伴うすべての利点にもかかわらず、このファイル形式をネイティブにサポートしていません。
SVG画像ファイルを電子メールに埋め込むことができます。ブラウザのHTMLソースコードを処理するための少しのノウハウが必要です。そうでない場合は、手順に従うだけで問題ありません。

注： ブラウザでOutlookを使用していることを確認してください。デフォルトのメールまたはOutlookアプリケーションはSVG署名をサポートしていません。

ステップ1：

1. 最初のステップは、目的の画像または署名が、ImgurやTinyPicなどのオンライン画像ホスティングWebサイトにあることを確認することです。このチュートリアルでは、Google画像からランダムなSVG署名を使用します。
2. 次に右クリックを押します 画像上で画像アドレスをコピーを選択します

その画像を保存して、インラインとして挿入してみてください。 Outlookの画像ですが、このファイル形式をサポートしていないというエラーが表示されます。

ステップ2：

次のステップは、この署名を挿入したい電子メールに移動することです。空の領域を右クリックして、検査をクリックします。 これにより、多くのHTMLコードを含む新しいダイアログボックスが開きます。このコードは、現在表示しているものを定義します。

ステップ3：

この次のステップは少し注意が必要です。ここに表示されるすべてのコードは、Webページのレイアウト用です。 HTMLコードのさまざまな部分を強調表示すると、Webページ上のその要素が強調表示されます。

次に、スペースを追加する必要があります。 最後の行の後。これにより、HTMLソースコードエディタに空の要素が作成されます。

ステップ4：

次に、その空の要素を編集して、署名用のHTMLコードを挿入します。
その要素を右クリックして、[HTMLとして編集]を選択します。 。以前の内容をすべてクリアしたら、次のHTMLコードを挿入します。

<img src="https://upload.wikimedia.org/wikipedia/commons/a/af/Adriansosa_signature.svg" style="width:200px;height:121px;">

このHTMLコードには2つの部分があります。最初の部分では、 src 関数は、画像ファイルのソースを設定するために使用されます。第二部ではスタイル 関数は、画像ファイルのサイズを設定するために使用されます。

コードを入力したら、メールボックスの空の部分をクリックすると、署名が表示されます。

•Gmailなどの他のメール演算子を使用している場合、受信者側では機能しない可能性があります。
•メールにSVGを埋め込むためのネイティブサポートがないため、署名として.PNGファイルを使用することをお勧めします。それらはすべての電子メールオペレーターによってサポートされています。