> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://con-one.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 画像の追加&設定方法

${youtube}[魅力的な画像をサイトに設置しよう！画像の設定方法〜コネクティッドワンの使い方〜](tNihcNYAbT8)

# 画像の追加&設定方法

サイトに設置をする画像の設定方法です。
自由にサイズを変更、オーバーレイなど魅力的な画像の設定が可能です。

### ① ウィジェットから画像を設置

* ウィジェットエリアにある「画像」ブロックをドラッグ＆ドロップ
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yr_1qflcv.jpg)
    
* ドロップした場所に画像が挿入される
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77ys_ec0cy2.jpg)

### ② 画像のアップロード方法

* 「画像の設定」をクリック
* カメラマークを押すとファイルマネージャーが開く
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yt_1to6ox.jpg)
    
    
* 画像をドラッグ＆ドロップまたは手動でアップロード    
* フォルダから複数選択も可能
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yu_3xwo5p.jpg)

### ③ 画像のサイズと位置を調整

* 画像端の矢印をドラッグしてサイズ変更（縦横どちらもOK）    
* 右下の黒い矢印で縦横比を保ったままリサイズ可能
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yv_47l8fz.jpg)
    
* 画像のドラッグ移動で位置変更も可能
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/1_a4my3c.jpg)

### ④ 表示形式の変更（クリック時の動作）

* 「ポップアップ表示」：画像が拡大表示される設定    
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yw_cr9dd2.jpg)
* 「リンク設定」：クリックで別ページやURLに遷移させる
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/1_1bsfckm.jpg)

### ⑤ 画像の詳細設定

* 「画像説明」を入れることでSEO対策（Google画像検索対策）
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yx_tnxa5e.jpg)
    
* 「影をつける」などの視覚効果も追加可能
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yy_1p55d65.jpg)
    
* 「キャプション（説明文）」も表示可能（例：名前や肩書き）
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yz_1ib2zhm.jpg)

### ⑥ その他の活用ポイント

* キャプションの位置変更や文字スタイル調整も可能    
* オーバーレイ、ボタン設置、装飾エフェクトの追加でより魅力的に    
* ランディングページ、ブログ、プロフィールページにも最適

# 追加機能（2026年8月）

### 画像キャプション
画像にキャプションを追加すると、説明文をテキストボックスで表示したり、申し込みや詳細ページへ案内するリンクを添えたりできます。画像の内容やサービスについて、補足説明を加えたい場合に便利です。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_14t1lzt.png)

### 角の丸み
画像の角を丸くして、やわらかい印象にできます。すべての角を同じ丸みにそろえることも、特定の角だけを個別に調整することもできます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1q97cu7.png)

### マスクを有効化
画像マスクを使うと、画像をさまざまな形に切り抜いて表示できます。用意されたマスクから、デザインに合う形を選択できます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_l1kpt1.png)

### リンク・ライトボックスの設定
画像には、リンクまたはライトボックスを設定できます。
**リンク**を設定すると、画像をクリックした訪問者を、別のページや商品ページ、ファネル内の任意のステップなどへ誘導できます。
**ライトボックス**を設定すると、画像にマウスポインターを重ねたとき、またはクリックしたときに、画像がポップアップで表示されます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1ji4ib1.png)

### 画像エディター
ファイルマネージャー内で画像を編集できます。編集したい画像にマウスポインターを重ね、鉛筆アイコンをクリックすると、画像編集画面がポップアップで開きます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1kowkt1.png)

#### 調整
次の項目を調整できます。
* **明るさ**
* **コントラスト**
* **彩度**
#### フィルター
白黒、ビビッド、ソフトなどのフィルターを適用して、画像の雰囲気を変更できます。
#### 出力サイズ
画像の出力サイズをピクセル単位で調整できます。ページ上での表示に合わせて、適切なサイズに設定します。
#### その他の編集操作
画像編集画面の下部では、次の操作ができます。
* **回転**
* **反転**
* **トリミング**


# ウィジェット一覧

[フリー画像素材の活用](https://con-one.crisp.help/ja/article/unsplash-33ih4h/)

[注文概要の作成](/ja/article/5roo5pah5qac6kab44gu5l2c5oiq-1qzddd8/)

[ボタンの使い方](/ja/article/44oc44k44oz44gu5l244ge5pa5-qn58hv/)

[見出し&テキストの活用方法](/ja/article/6kal5ye644gxjuodhuocreocueodioobrua0ueuqoawueazlq-f4tkge/)

[画像の追加&設定方法](/ja/article/55s75yop44gu6l95yqgjuiorewumuawueazlq-y3wxbz/)

[メニューを好きな場所に追加しよう！](/ja/article/44oh44ol44ol44o844ks5aw944gn44gq5ac05oma44gr6l95yqg44gx44ki44gg77yb-lfzcdq/)

[フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜](/ja/article/44ov44kp44o844og44gu5l244ge5pa544cc44gk5zwp44ge5zci44kp44gb44cb44oh44or44oe44ks44cb44ki44oz44kx44o844oi44gq44gp44cc-1vur3i/)

[クイズフォームの使い方](/ja/article/44kv44kk44k544kz44ov44kp44o844og44gu5l244ge5pa5-1lg35ja/)

[チェックアウトフォーム設定](/ja/article/44ob44kn44od44kv44ki44km44oi44ov44kp44o844og6kit5a6a-3kf0xy/)

[カウントダウンタイマー機能を活用しよう！](/ja/article/44kr44km44oz44oi44oa44km44oz44k44kk44oe44o85qmf6io944ks5rs755so44gx44ki44gg77yb-1cdh60i/)

[ファイルマネージャー（アップロード&ダウンロード方法）](/ja/article/44ov44kh44kk44or44oe44on44o844k444oj44o877yi44ki44od44ox44ot44o844ojjuodgoocpuodsodreodvoodieawueazle8iq-1fkvgfo/)

[音声メディアを作ろう!](/ja/article/6zz5aow44oh44oh44kj44ki44ks5l2c44kn44gg77yb-wgcq1l/)

[画像の埋め込み方法](/ja/article/5yuv55s744gu5zl44kb6l6844g5pa55rov77yb-9ulw60/)

[スペーサー](/ja/article/44k544oa44oz44k144o8-1in3yb2/)

[プログレスバー](/ja/article/44ox44ot44kw44os44k544oq44o8-621ukm/)

[区切り線の設定](/ja/article/5yy65yih44kk57ea44gu6kit5a6a-724dr0/)

[アコーディオン](/ja/article/44ki44kz44o844oh44kj44kq44oz-ardokk/)

[地図を入れてみよう！](https://con-one.crisp.help/ja/article/google-2mi0u/?bust=1751420716231)

[コードを埋め込んでみよう！](https://con-one.crisp.help/ja/article/html-i59b2o/?bust=1751420606583)

[スライダーの活用](https://con-one.crisp.help/ja/article/44k544op44kk44oa44o844gu5rs755so-rq0oh8/?bust=1751420472886)

[埋め込みの活用](https://con-one.crisp.help/ja/article/5zl44kb6l6844g44gu5rs755so-12426x5/?bust=1751420707630)

[ブログ一覧をサイトの好きな場所に設置](https://con-one.crisp.help/ja/article/44ow44ot44kw5lia6kan44ks44k144kk44oi44gu5aw944gn44gq5ac05oma44gr6kit572u-18j5acg/?bust=1751420712044)

[コンテナ（ブロック）ウィジェット&アンカーポイントを設定](https://con-one.crisp.help/ja/article/44kz44oz44og44ok77yi44ow44ot44od44kv77yj44km44kj44k444kn44od44oijuocouodsocqodvoodneocpoodsodioockuiorewumg-1qfju8x/)

[ネットショップウィジェットの設置](https://con-one.crisp.help/ja/article/44on44od44oi44k344on44od44ox44km44kj44k444kn44od44oi44gu6kit572u-1d7hr52/)

[ギャラリーウィジェット](https://con-one.crisp.help/ja/article/44ku44oj44op44oq44o844km44kj44k444kn44od44oi-1gj9332/)

[SNS（ソーシャルメディア）ウィジェット](https://con-one.crisp.help/ja/article/sns-e6qji9/)

[寄付金フォーム（ドネーション）](https://con-one.crisp.help/ja/article/5ae5luy6yer44ov44kp44o844og77yi44oj44on44o844k344on44oz77yj-xd17ja/)

[画像ウィジェット](https://con-one.crisp.help/ja/article/55s75yop44km44kj44k444kn44od44oi-2n2ogq/)

[アイコンリスト](https://con-one.crisp.help/ja/article/44ki44kk44kz44oz44oq44k544oi-1pcdrdj/)

[見出しチップ（ピル型見出し）](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/)
[](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/)

[チームメンバー](https://con-one.crisp.help/ja/article/44ob44o844og44oh44oz44oq44o8-n2fgf1/)

[統計カウンター](https://con-one.crisp.help/ja/article/57wx6kii44kr44km44oz44k44o8-9c7uw8/)

[チャート](https://con-one.crisp.help/ja/article/44ob44oj44o844oi-x0hjvy/)

[料金](https://con-one.crisp.help/ja/article/5paz6yer-ys4hgc/)

[料金比較](https://con-one.crisp.help/ja/article/5paz6yer5qu6lyd-1lf6kot/)

[動画によるお客様の声](https://con-one.crisp.help/ja/article/5yuv55s744gr44ki44kl44gk5a6i5qey44gu5aow-4k3hd/)

[画像比較](https://con-one.crisp.help/ja/article/55s75yop5qu6lyd-1vs0sxl/)

[画像自動ローテーション](https://con-one.crisp.help/ja/article/55s75yop6ieq5yuv44ot44o844og44o844k344on44oz-pv1554/)

[画像ホットスポット](https://con-one.crisp.help/ja/article/55s75yop44ob44od44oi44k544od44od44oi-1jg8n12/)

[タイムラインウィジェット](https://con-one.crisp.help/ja/article/44k44kk44og44op44kk44oz44km44kj44k444kn44od44oi-668dre/)

[お客様の声ウィジェット](https://con-one.crisp.help/ja/article/44gk5a6i5qey44gu5aow44km44kj44k444kn44od44oi-1c2jpjr/)

[テーブル](https://con-one.crisp.help/ja/article/44og44o844ow44or-9v90ox/)

[ソーシャルプルーフ](https://con-one.crisp.help/ja/article/44k944o844k344oj44or44ox44or44o844ov-yfiulq/)

[スクロールテキスト](https://con-one.crisp.help/ja/article/44k544kv44ot44o844or44og44kt44k544oi-h3c5uc/)