見出し画像

【画像の設定・画像サイズ】リザストxAI 起業トリセツ #15

*更新日:2025年2月26日


 リザストでは、プロフィールや商品、サービスのイメージを伝えるためのヘッダー画像やアイテム説明の画像、メルマガやステップメール本文に挿入する画像などが設定できるので、視覚的に魅力的なコンテンツを伝えることができます!

1. 画像サイズが分からない場合の対処方法

 まず、リザストでは仕様変更により表示に適した画像サイズが変わる場合があります。推奨サイズが明記されていない箇所もあるため、サイズが分からずお悩みの方も多いと思います。

 画像サイズが分からない場合は、リザストの設定画面に適当な画像を表示させ、画像の部分をスクショで切り出し、画像を保存して、保存した画像ファイルの情報(プロパティ)から画像サイズを確認できます。

2. ヘッダー画像の作成

 画像を外注作成すると、画像サイズを変更したい場合に、場合によっては、手間や追加費用が発生してしまいますので、自分で手直しができるよう、Canva等の画像作成ツールで作ることをお勧めします。Canvaではカスタムサイズの作成がカンタンにできます。有料版では作成済みのデザインのサイズ変更もできます。デザインの管理もしやすいので、やはりCanvaがお勧めです。

リザスト各ツールの画像設定箇所を以下に挙げていきます。

3. ファイルアップロード管理

 [アップロード]ボタンまたは、管理画面右上のフォルダに上矢印のアイコンから、画像をサーバー上にある[ファイルアップロード管理]画面に一旦アップロードして、画像のURLを貼り付けます。

 各ツールの告知文の編集ページのヘッダー画像、告知文の挿入画像、メルマガ記事本文も同様です。

 画像をアップロードするには [アップロード]ボタンを押します。


[ファイルの選択]
ボタンを押して、アップロードするファイルを指定します。
[メルマガ、ランディングページ用][バナー画像用][オリジナル画像]のいずれかを選択します(圧縮率が違います)。

 元の画像サイズが大きく、枚数が多い場合に、読み込みが遅くなることがあります。特に元の画像が大きすぎる場合は注意が必要です。
 メルマガやランディングページの本文に設定する画像は、読み込みがスムーズになるように、予めサイズを小さくしておくか、アップロード時に圧縮しましょう。

 画像をアップロードすると、[ファイルアップロード管理]画面にサムネイル表示されます。


 アップロードした画像を使用するには[COPY]ボタンを押したあとに、挿入したい画面を表示して、コピーしたURLを貼り付けます。
 また、[優先]ボタンを押すと、よく使う画像として登録されて、この画面の先頭に常時表示されるようになります。優先表示を解除する場合は[解除]ボタンを押します。
 画像を削除する場合は、[DEL]ボタンを押します。

優先ボタン
解除ボタン

4. エディタの画像ボタンから直接画像を設定する

 2025年2月に追加された新機能です。3.で解説した方法よりも少ない操作で、メルマガやランディングページに画像設定ができるので大変便利になりました。

 エディタのツールバーに表示されている画像のアイコンボタンを押します。

[画像の挿入・編集]画面が開きますので、[画像のソース]の右側に小さく表示されている上向き矢印のついたアイコンボタンを押して、挿入したい画像を指定して[保存]ボタンを押します。読み込んだ画像のサイズが[幅][高さ]が自動的に表示されます。右側に表示された黒い鍵のアイコンで、縦横比を固定する/しないを変更できます(通常は固定のまま良いでしょう)。

表示させた画像をクリックすると選択した状態となります。四隅の青い四角の部分をドラッグすることでサイズを変更することができます。

スマホからも画像の挿入ができます。
スマホの場合は、以下のように、[写真ライブラリ]、[写真を撮る]、[ファイルを選択]のいずれかから画像をアップできます(iPhoneのケース)。

5. 各ツールの画像設定

 各ツールの画像設定について解説していきます。

(1)  プロフィールと画面のデザイン

 [設定]>[全体設定]画面のボタンバーを示します。
 画像の設定ができる箇所は、[プロフィール]、[画面とデザイン]、[トップページの文章]、[各種設定 領収証/通知] の画面です。

① プロフィール

 ● 顔写真
  顔の真ん中が、画像の中央よりもやや上の位置にくるよう画像を作成して、アップするとちょうど良い位置になります。
  ファイルの[選択]ボタンを押してファイルを選択し開き、[保存]を押します。

 ● LINE友達追加用QRコードの画像
  個別予約でLINE通話を使用したい場合にのみ設定します。個別予約のリマインダーメールにQRコードが挿入されます。

② 画面とデザイン

 ● 顔写真 
  
①プロフィールの顔写真と同じデータが表示されます。

 ● トップページ画像(パソコン用、スマホ用)
  推奨サイズはパソコン用 1280 x 縦 680ピクセルスマホ用 横 380 x 縦 640ピクセルとなっています。

 ● 各ツール一覧のヘッダー画像
  各ツールの一覧のページを1つの画像で固定したい場合に設定します。サイズは上記(2)トップページ画像と同様です(イベント一覧、コンテンツ一覧、契約サービス一覧、グループ予約一覧、お客様の声一覧)。

③ トップページの文章

 [ファイルアップロード管理]にアップロードした画像のURLをコピペして挿入します。

<アップロードの際の注意事項>

 ブログのように直接PCから編集画面にドラッグ&ドロップする方法は、リザストでは禁止されているため、以下のようなエラーメッセージが表示されます。この表示が出た場合は、直接埋め込んでしまった画像を削除することで解消されます。

④ 各種設定/領収証/通知 

 [領収書の設定]の印影画像を設定します。自動作成される領収書の印影として使われます。印影画像は作成サービスがありますので検索してみてください。

(2). 告知文(LP)の編集

 告知ページ(ランディングページ)は、以下のツールに設定箇所があります。
画像サイズは共通です。

 PC画像:横 1280 x 縦 680ピクセル
 スマホ画像:縦 380 x 495ピクセル(縦横比 1.3)

  • メルマガ、ステップメール

  • イベント/単発セミナー、定期開催セミナー

  • グループ予約

  • ファストアンサー、ファストスコア

  • 契約サービス

  • クラウドファンディング

  • 多目的ページ

① ヘッダー画像の設定

 ● ヘッダーに表示する画像
    任意のサンプル画像を選択。「もっと見る」を押すと全ての画像が表示されます。

 ● 自分でアップロードした画像を使う 
   パソコン用画像(横長画像)、スマホ用画像(縦長画像)をそれぞれ設定できます。[選択..]ボタンから、PC内に保存した画像を選択して直接アップロードします。

 ● LPの編集(ランディングページ本文中に挿入する画像)
   上記3、4で解説した方法でアップします。

(3) メルマガ/ステップメール

 ① メルマガ/ステップメールの設定

  ● [メルマガの設定]画面のメルマガのテンプレート
  ● 同上のメール内に入れる定型文1〜3
  ● [ステップメールの設定]画面のステップメール記事のテンプレート

   いずれも、上記3、4で解説した方法でアップします。

 ② メルマガ/ステップメール 記事

  記事本文内に挿入する画像。上記3、4で解説した方法でアップします。

(4) イベント・定期開催セミナー・グループ予約

 ① イベント情報/告知、グループ予約の概要

  [イベントの紹介文の写真] 4枚まで
   (写真1、2はイベント案内文の上、写真3、4はイベント案内文の下に表示)

(5) 診断・検定ツール(ファストアンサー/ファストスコア)

 ① [回答メール文章の編集] (ファストアンサー/ファストスコア)

 ② [質問と回答の編集](ファストアンサー)

(6) 個別予約管理

 ① メニュー編集 画面

  ● アイキャッチ画像
  [横520x縦250ピクセル以上]の指定あり
  [ファイルの選択]ボタンを押して画像ファイルを選択後、保存。
  [メニュー名を画像に乗せる]にチェックを入れると、スマホ表示の際に、メニュー名が画像上に表示されます。画像自体にメニューが入っている場合はチェックを外します。

 ② 予約の設定・画面の表示 画面

  ● 店舗等の紹介画像  写真1〜6
   PC画面でのみ表示されます。スマホ画面では非表示(2025年2月現在)。
   ※ 使用する画像のサイズを揃えておくと見栄えが良いです

  ● 受付画面のメッセージ〜予約受付画面に表示するメッセージ
   上記3、4で解説した方法でアップします。

(7) クラウドファンディング

 ● プロジェクトの情報/告知〜プロジェクトの設定

   画像1〜4(プロジェクトの概要欄の左側に縦並びに表示)
   [ファイルの選択]ボタンを押してファイルを選択し開き、保存。

 ● 応援アイテム一覧〜応援アイテム 画像1〜3

   画像1〜3 画像サイズ 横 490 x 縦 330(参考値)
   ファイルの選択ボタンを押してファイルを選択し開き、保存。

(8) 物販

 ① 商品一覧/在庫管理〜商品一覧〜商品

  ●  説明文
   上記3、4で解説した方法でアップします。

  ●  商品画像1〜6
   ファイルの選択ボタンを押してファイルを選択し開き、保存。
   画像サイズに関係なく全体が表示されます。
   (ただしサムネイルは横長の場合に横が切れます)

 ② 商品カテゴリ一覧〜商品カテゴリの編集
   [画像][ファイルを選択]ボタンからアップロード。


以上、リザストの画像設定に関する説明でした。

★ 無料相談を申し込む

ぜひご一緒に「自分生きビジネス」を始めませんか?
お問い合わせを心よりお待ちしています!(^^)/

自分生きビジネス&リザスト活用について60分間の無料相談をお受けいたします




いいなと思ったら応援しよう!