電子メール：画像のブラウザリンクでの表示

Question

私は電子メールを開発しており、デザイナーはヘッダーイメージに「ブラウザで表示」リンクを含むようにデザインを更新しました。メールの上部には全角のバナー画像があります。この画像の右上に、デザイナーがテキストを「ブラウザで表示」しました。

理論的には、画像をスライスし、「ブラウザで表示」テキストがリンクタグでラップされた画像の右上にのみ表示することができます。

私が気にしていない明らかな理由は、画像がデフォルトでブロックされることですが、電子メールの「ブラウザで表示」の部分を設計するための推奨される解決方法がありますか？デザイナーは、メールの上にプレーンな「ブラウザで見る」コピーを置くというアイデアは好きではありません（彼は電子メールのデザインにはあまり経験はありませんが、プリントの世界から来ています）。

Answer 1

デザインをスライスするとき、「ブラウザで表示」を独自のスライスで分離する方法はありますか？

理論的には、私は、印刷デザイナーによって設計された電子メールから画像をスライスするために使用された画像

をスライスできます。これがあなたの現在のデザインではうまくいくかどうかは確かではありませんが、私はを使って、Photoshopでデザインをスライスして、それ自身のスライスにテキストのブロックを入れます。その後、スライスされたHTMLに移動し、テキストのイメージタグを削除し、HTML/CSSでテキストを再作成します。これにより、レイアウトの完全性が保たれ、デザインが維持され、うまくいけばプリントデザイナーが幸せになれます。