Benchmark Email サポートセンター

AIサポートチャット(β版)をお試しください。

AIに質問する

サポートページ aero-right 画像ギャラリーの利用と画像のアップロード方法について

画像ギャラリーの利用と画像のアップロード方法について

画像ギャラリー 更新日 7月 11, 2024

画像および画像ギャラリーの基本に関するまとめページです。

重要

アカウントに画像をアップロードした時点で、その画像の使用や複製をする際に禁止コンテンツを含まないことに同意したこととなります。

重要:

画像を編集する方法は、以下のFAQをご参照ください。

FAQ:画像を編集する方法

対応している画像のファイル形式と最大サイズについては、以下のFAQをご覧ください。FAQ:画像ギャラリーについて


画像ギャラリーに画像をアップロードする方法は?

  1. ダッシュボードの右上の「アカウント名」をクリックし、「画像ギャラリー」を選択します。
  2. 画像ギャラリーのウィンドウ内に画像ファイルをドラッグ&ドロップするだけで、画像がアップロードされます。
  3. パソコンから画像をアップロードしたい場合は、画像ギャラリーの右上の「ファイルを追加」をクリックし、グレーボックス内の「ファイルの検索」をクリックしてください。

画像ギャラリーにアップロードされた画像は、画像ブロックを使ってメールに挿入することができます。

  1. 挿入したい画像のブロックをメール本文にドラッグ&ドロップします。
  2. ブロックをダブルクリックすると、「画像ギャラリー」に移動します。
  3. アップロードした画像を選択し、「挿入」ボタンをクリックします。

注意点:

  • ファイル名に日本語、「&」や「×」などの記号を使用しないようにしてください。記号は「 _ 」アンダーバーなどで代替ください。

誤ったファイル名:M&FS55×127.png

正しいファイル名:M_FS55_127.png

  • カラーモードはRGB形式の画像のみアップロード可能です。CMYK形式の画像はアップロードはできませんので、RGB形式に変換の上アップロードをお願いします。

トップに戻る ↑


画像ギャラリー内の画像URLを取得する方法とは?

画像ギャラリーに一度アップロードした画像のURLを取得する方法は以下の通りです。

  1. ダッシュボードの右上の「アカウント名」をクリックします。
  2.  「画像ギャラリー」をクリックします。
  3. URLを取得したい画像の アイコンをクリックし、「URLをコピー」を選択します。
  1. または「プレビュー」を選択し、アドレスバーよりURLをコピーします。

トップに戻る ↑


画像ブロック

画像ギャラリーにアップロードされた画像は、画像ブロックを使ってメールに挿入することができます。メール編集中に画像をドラッグ&ドロップして挿入できます。

  1. 「画像ブロック」をクリックし、メール本文内にドラッグ&ドロップします。
  2. ブロックをクリックすると、「画像ギャラリー」に移動します。
  3. アップロードした画像を選択し、「挿入」ボタンをクリックします。

なお、画像ブロックに直接画像をドラッグ&ドロップ、または「ファイルの検索」をクリックし、画像ギャラリーから画像を選択することもできます。

画像をパソコンからアップロードする場合は、「ファイルの検索」をクリックしてください。

  1. 画像を編集するには、メール本文内の画像をクリックし、画面左のオプションをご利用ください。
  2. 緑点を左右にスクロールすることで、上下・サイド枠を設定することができます。
  1. 画像の位置を調整することも可能です。ただし、画像が最大サイズを利用していてスペースが無い状態では、位置を調整しても変化はありません。
  1. 完了しましたら、「保存&閉じる」ボタンをクリックします。

<おすすめのデザイン>

トップに戻る ↑


画像グループブロック

画像を2つから最大5つまで並べて挿入することが可能です。

  1. 「画像グループブロック」をクリックし、メール本文にドラッグします。
  2. 画像を直接ブロックにドラッグ&ドロップで挿入します。もしくは画像ギャラリーから画像を選択するか、「ファイルの検索」をクリックし、パソコンから画像をギャラリーにアップロードして画像を挿入します。
    • 初期設定では、画像を2つ挿入できるようになっています。
    • 画面左のコンテンツタブで アイコンまたは「グループに画像を追加」をクリックすると、画像の追加が可能です。
    • 垂直または水平の位置に画像のレイアウトを変更することができます。
    • 画像と画像の間隔を変更することが可能です。
  3. ブロック内の画像をクリックすると、画面左に画像の位置調整オプションが表示されます。また、編集オプションで​画像のサイズ変更や画像にテキストやフレームを追加することができます。​
  1. 「保存&閉じる」ボタンをクリックします。

<おすすめのデザイン>

レストランやお店のギャラリーを作成するのに最適なブロックです。お店の魅力を最大限に表現することができ、読者の興味を引くことができます。

トップに戻る ↑


動画:テキストと画像を組み合わせて入れる方法

画像カードブロック

  1. 挿入した画像と同じ枠内にテキストを入力をする事が可能です。
  2.  画像を直接ブロックにドラッグ&ドロップするか、画像ギャラリーより画像を選択または「ファイルの検索」でパソコンから画像をアップロードして挿入してください。
  3. 初期設定では2つのセクションが表示されます。
    • テキストを追加し、位置を選択します。テキストは短くするか画像のサイズに合った長さにすることをお勧めします。
    • 画像表示で端揃えしたい場合は、チェックボックスにチェックします。
    • 設定タブで空白枠、背景色とボーダーを選択します。
  4. 「保存&閉じる」をクリックします。

<おすすめのデザイン>

販売促進にご利用できるデザインで商品をより魅力的に見せることができます。

トップに戻る ↑


画像キャプションブロック

画像内にテキストを入れることができます。画像カードブロックとの違いは、入力するテキストの枠がないためお好みでテキストの入力枠を編集する事が可能です。

  1. 「画像キャプションブロック」をクリックし、メール本文内にドラッグ&ドロップします。テキストの位置は右、左、最下部のいずれか選択できます。
  2. 画像ブロックに画像を直接ドラッグ&ドロップ、もしくは「ファイルの検索」をクリックします。また、画像ギャラリーから画像を選択します。
  3. 初期設定では、画像は2つ挿入できるようになっています。

2つのタブを使用し、以下のような編集が可能です。

  • 「コンテンツ」タブ
    • テキストの追加や位置(トップ、左、右、または最下部いずれか)を選択できます。画像のサイズに合ったテキストの長さが最適表示となります。
    • 画像は3枚までブロックに追加可能です。
    • 位置調整やテキストの行間も設定できます。
  • 「設定」タブ
    • 背景色およびサイド・上下の空白枠の調整が可能です。
  1. 「保存&閉じる」ボタンをクリックします。

<おすすめのデザイン>

挿入した画像をクリックすると、画面左に「画像変更」「編集」「リンクURL」のオプションが表示されます。また、画像の位置調整や背景色、ボーダーや空白枠の設定も可能です。位置調整についての詳細は以下のFAQをご確認ください。

FAQ:画像の位置調整・枠を編集する方法

トップに戻る ↑


複数の画像を並べて表示させる方法

以下のブロックを使って複数の画像を並べて表示させることができますので、各ブロックの項目をご参照くださいませ。

トップに戻る ↑


モバイル版で画像を横並びにする方法

画像ブロックを使って画像を横並びに挿入しても、モバイル版では縦並びに表示されます。

モバイル版でも横並びに表示させたい場合は、テキストブロックを使って画像を挿入し、それを横並びに固定することができます。

以下の手順に従ってください。

  1. 編集画面でテキストブロックを本文の任意の場所にドラッグ&ドロップします。
  2. 画面左のコンテンツタブの「コラム数」でドロップダウンメニューから「2」を選択します。
  3. スクロールダウンし、オプション「モバイルレイアウト」で「コンテンツを横並びに固定」を選択します。
  4. 「保存&閉じる」ボタンをクリックします。
  1. テキストブロック内のコラム毎にお好きな画像を挿入します。
  2. 画像を挿入するには、上部メニューバーの画像アイコンをクリックします。
  3. 画像ギャラリーから画像の選択、またはパソコンから画像をアップロードして「挿入」ボタンをします。
    • テキストブロックですので、画像の下にそのままテキストやテキストリンクを入れることも可能です。
  4. 「保存&閉じる」ボタンをクリックします。
  1. 最後に、「プレビュー」ボタンをクリックし、モバイル版でも横並びになっているか確認して完了です。

トップに戻る ↑


Webページより挿入したい画像のURLを取得する方法

ブラウザ毎に取得方法は多少異なります(ステップ1〜2は同じ)ので、以下のそれぞれの手順に従ってください。

Firefox
Internet Explorer & Microsoft Edge
Safari
Chrome

トップに戻る ↑


取得した画像URLを使って、画像ギャラリーに画像を挿入する方法

  1. メール本文内に画像ブロックをドラッグします。
  2. 画像ギャラリーの「画像URL」をクリックし、ボックス内に取得した画像URLを入力し「挿入」ボタンをクリックします。

トップに戻る ↑


画像を削除する方法

画像ギャラリーまたはドラッグ&ドロップ編集画面で画像を削除することが可能です。

<画像ギャラリーから>

  1. ダッシュボード右上のアカウントをクリックし、「画像ギャラリー」を選択します。
  2. 画像1枚を削除する場合は、サムネイル画像の下にある ボタンをクリックし、「削除」を選択します。
  3. 複数の画像を削除する場合は、サムネイル画像の左上のチェックボックスをクリックし、サムネイル一覧の上部にある「削除」ボタンをクリックします。

<ドラッグ&ドロップの編集画面から>

  1. 「メール作成」ボタンをクリック、または既存のメールを開きます。
  2. 編集画面で画像ブロックをドラッグして「画像をアップロード」をクリック、または画像自体をクリックすると左に「画像変更」オプションが表示されますのでクリックします。
  3. 削除したい画像を探します。
  4. オプションアイコンをクリックし、「削除」を選択します。

作成中のメール内の画像のみ削除したい場合は、ゴミ箱アイコンをクリックするだけで削除できます。

注意点:

・一度画像ギャラリーから削除された画像は、配信メールで表示されることはありません。画像が削除された後にメールが開封、閲覧された場合、画像の代わりに赤色のXが表示されます。

・アーカイブや下書きとして保存されているメールも同じです。

・より多くの画像をアカウントに保存するには、画像ホスティングのご購入をお勧めします。

トップに戻る ↑


代替テキスト

AltとはAlternative=代替の略称です。この代替テキストは画像の簡単な説明をするのに使用されます。受信箱で画像をブロックしている、またはオフに設定しているコンタクトやメールクライアントに画像が見れない際に代わりに説明文(代替テキスト)が表示されるようになります。

メール本文のすべての画像に「代替テキスト(Alt属性)」を追加されることをお勧め致します。購読者によっては受信箱で画像をブロックまたは非表示設定している場合があるため、画像無しでもメールを読んで頂けるよう、「代替テキスト」をご利用ください。

また、HTMLコードを使って代替テキストを追加したい場合は、以下の”***”に画像を説明する短い文章を入れましょう。

画像代替表示

<IMG SRC=”URL” ALT=”***”>

(画像が表示されないユーザーのために代替テキストを挿入します)

メール本文内の画像ブロックに代替テキストを簡単に追加することができます。画像を挿入する際に代替テキストも併せて追加することをお勧めしています。もちろん後から追加も可能です。

代替テキストを追加するには、以下の手順に従ってください:

  1. ブロックをクリックし、代替テキストを追加したい画像をクリックします。
  2. 画面左の代替テキストのボックス内に画像の説明文を追加します。

注意点:

  • 代替テキストを使用することで、Googleは画像と判断できるので、順位を上げることができます。
  • 画像の内容を簡潔に想像しやすいように説明しましょう。
  • 代替テキストには特定のキーワードを使用しましょう。読者が画像を探す際にどんなキーワードを入力するかを考慮しましょう。
  • 代替テキストはスペースを含めて50文字以内に収め、特殊文字は入れないようにしましょう。
  • 代替テキストを変更して保存しても変更が反映されない場合があります。その場合はアカウントの「言語設定(操作画面)」をEnglishに設定してメールを作成し、代替テキストの変更を保存しましょう。

トップに戻る ↑


無料で使える300万点以上の画像素材

メールやランディングページにご利用いただける無料画像素材をご用意しています。 ストック画像やGIFサービスとの連携機能でピッタリの画像がすぐ見つかります。Pexelsの何百万もの無料画像やGIPHYのGIFを検索、メールに挿入できます。会員登録などの作業は不要ですので、ぜひご利用ください。

ご注意

  • この連携機能でダウンロードした画像素材、GIFファイルは、自動的にお客様のアカウントの画像ギャラリーに保存されます。
  • 現在、この連携機能はメールの画像ギャラリーからのみアクセスできます。
  • Pexels及びGIPHYの連携機能はすべてのユーザー様にご利用いただけます。機能を利用するにあたりPexels。GIPHYに登録する必要はありません。

無料画像素材の利用方法:

  1. Benchmark Emailにログインし、メール作成画面を開きます。
  2. メール内に挿入した画像ブロックをクリックし、画像ギャラリーを開きます。
  3. 左側のメニューから使いたい連携サービスを選びます。
  1. 左側のメニューから使いたい連携サービスを選びます。
  1. 使いたい画像の「挿入」ボタンを押します。

トップに戻る ↑

>>「メール作成:編集操作」のまとめページに戻る


ご不明な点がございましたら、サポートチームまでお問い合わせください。

Benchmarkから業界トレンド&最新情報をお届けします

ご登録頂きありがとうございます!

登録を完了させるには、認証メールのご確認をお願いします。