コンテンツに画像を挿入する

記事の本文中に画像を挿入・配置したい方向けのページです。アイキャッチ画像の推奨サイズや、本文への画像挿入手順・編集方法を説明します。

画像の推奨サイズや比率は企業様ごとのデザインにより異なる場合があります。このページでは一般的なパターンを記載しています。

LeadGridのコンテンツ編集画面での画像挿入には、大きく2つのパターンがあります。

パターン	用途	操作方法
アップロードでの画像挿入	アイキャッチなどのメイン画像	画像エリアをクリックしてアップロード
Wysiwygエディタでの画像挿入	本文中への画像挿入	エディタの画像ボタンをクリックしてアップロード

表示サイズの2倍のサイズで入稿すると、きれいな画質で表示できます。サイトデザインによって比率が異なる場合は、チャットボットにお問い合わせください。

異なる比率の画像を挿入すると、通常は中央でトリミングされ、上下左右が一部見切れます。

挿入した画像は、以下の設定を変更できます。

設定項目	説明
a. 画像の位置	左・中央・右から選択
b. 画像キャプション	画像の下にキャプションを追加
c. 削除	画像を削除
d. リンクの挿入	画像にリンクを設定
e. 表示	文章を画像横に回り込ませる（インライン）か、改行するかを選択
f. スタイル	画像の角丸を変更
g. alt設定	画像が表示できない場合に代替テキストを設定（SEOにも有効）
h. サイズ変更	幅・高さをpxで指定（autoを指定すると自動調整）

alt設定（オルト設定）とは：Webブラウザで画像が表示できないときに代わりに表示されるテキストです。SEO向上にも役立ちます。

サイズ変更で指定できる単位はpxのみです。他の単位を入力すると自動的に「auto」に変換されます。

「表示」は、文章を画像横に回り込ませるか、改行させるかを選択できる機能です。

インライン	画像に回り込むように文章が表示
改行	画像の後に改行を挟んでから、文章の段落が続くように表示されます。

表示機能の使用イメージ（動画）

画像サイズを指定できます。幅、高さを入力すると、その画像サイズに変更されます。

autoを指定すると、幅・高さどちらかで指定したサイズを基準として、自動的にサイズを変更します。

サイズ変更の使用イメージ（動画）