電子メール(テーブルとインラインcssスタイルを使用することが推奨されている場合)で、ある画像を別の画像の上に置くことは可能ですか?この例のような画像にスタンプを付けたいと思います。
3 に答える
画像の量によっては、目的のオーバーレイを動的に追加するHTTPハンドラーを介して画像を提供したい場合があります。これにより、電子メールクライアントのHTMLの問題や、大量の画像を手動で編集する必要がなくなります。
画像処理操作の結果をキャッシュして、パフォーマンスを向上させることができます。
この方法は、数十または数百の画像がある場合、および/またはオーバーレイの内容を頻繁に変更した場合に光り始めます。それ以外の場合は、静止画像が最も簡単になります(Photoshopのアクションを記録してそれを使用して実行します)。
例:
<!-- before -->
<img src="http://foo.com/static.jpg">
<!-- after -->
<img src="http://foo.com/handler?id=123&overlay=xyz">
absolute
ほとんどのクライアントはそれをレンダリングしないので、電子メールでの配置は避ける必要があります。あなたがすべきことは、画像エディタを入手して、それらを単一の画像に結合することです。
roXonはイメージテーブルの作成を提案しましたが、ここでは必要ないかもしれません。2つ以上の側面が単一の大きな画像で囲まれているテキストが必要な場合に特に便利です。
いいえ、「画像テーブル」を作成する必要があります。つまり、 <td>
2 つの中に 4 つの要素が<TR>
あり、画像を 4 つの部分にスライスする必要があります。(ステッカーと他のすべての画像の背景色が一致している場合...など...そうではありません。)
Q.の例と同じように、お気に入りの画像エディターで行うことをお勧めします:)