Staffbaseメールデザイナーを使用すると、モバイル対応のEメールを簡単に作成できます。Eメールデザイナーでは、画像を追加することでEメールに魅力を加えることができます。Eメールデザイナーでは、画像のサイズや表示方法を制御する2つの方法があります：個別の画像をトリミングする方法と、ブロックのレイアウトを使用する方法です。
Staffbaseメールでのファイルの種類とサイズ
- Staffbaseメールのマイファイルでは、複数の画像の形式タイプをサポートしています。
- サポートされている画像の最大サイズは25MBです。
- すべての画像の推奨幅は600～1000pxです。
GIFを使用する場合、2019年以前のOutlookデスクトップバージョンではGIFが完全に再生されません。最初のフレームのみが表示されます。
画像をトリミングする
画像をトリミングすることで、任意のレイアウトに合わせて画像のサイズ変更、再配置、形状変更ができます。さまざまなプリセットのトリミングオプションがあります。
メールのナビゲーション ヘッダー画像には、16:9がほとんどのデスクトップクライアントで適しています。モバイルファーストのデザインには、9:16や1:1を検討してください。複数の画像を横並びで配置する場合は、Circleや1:1のトリミングを使用して、統一感のある画像を作成できます。
- Eメールデザイナーで、トリミングしたい画像をクリックします。
コンテキストツールバーが表示されます。 -
画像の編集をクリックします。
画像の編集ダイアログが開きます。 - トリミングの下で、適用したいトリミングオプションを選択します。
- 必要に応じて、幅と高さに正確なピクセル値を入力するか、アスペクト比をロックします。
- 必要に応じて、コーナー半径を選択して角を丸くし、背景色を選択して角の後ろに色を設定します。
- 適用するをクリックします。
Staffbaseメールデザイナーで画像をトリミングしました。画像はいつでも再度トリミングできます。
ブロックのレイアウトでサイズを変更する
ブロックはEメールレイアウトの基礎です。各ブロックには1～4列を設定でき、さまざまな幅の組み合わせが可能です。テキストや画像などの要素はこれらの列内に配置され、各列の全幅に広がります。小さい列のブロックレイアウトを使用することで、画像を小さくすることができます。
さまざまなブロックのレイアウトで、さまざまなサイズを実現できます：
列の分割や結合を行うことで、異なるサイズの画像を同じ行で横並びに配置できる柔軟でダイナミックなレイアウトを作成できます。例えば、次のことが可能です：
- Eメール全体の幅に広がる1列のブロックレイアウトを追加する。
- 列を2つに分割し、それぞれが利用可能な幅の半分を占めるようにする。
- 70/30や30/70などの不均等な分割を使用して、画像をより目立たせる。
スペーサー要素を使用してネガティブスペースを作成できます。例えば、画像の周りにスペースを追加し、スペーサーのカラーをグレーからホワイトに変更して見えなくすることができます。
- Eメール内で、レイアウトの下にある3列ブロックを選択します。
- 中央の列で、+アイコンをクリックして画像を追加します。
- 要素の下で、スペーサーをドラッグ＆ドロップしてブロックの左右に配置します。
- スペーサーをクリックし、スペーサー設定の下でカラーをEメールの背景色に調整します。これによりスペーサーが見えなくなり、画像が中央に配置されます。
コメント
0件のコメント
サインインしてコメントを残してください。