# Webページからインフォグラフィックを作成

### AI搭載インフォグラフィック作成ツール

SlidesPilotのAIインフォグラフィック作成ツールは、あらゆるウェブページを、数分で視覚的に魅力的で情報量の豊富なインフォグラフィックへと変換します。単なるグラフィック生成ツールではなく、ウェブページの内容を分析・構造化・可視化して、分かりやすく引き込まれるストーリーにまとめるインテリジェントなエンジンです。ウェブページのリンクを貼り付け、AIに指示を与え、好みのビジュアルタイプとスタイルを選ぶだけで、画像として書き出すことも、プレゼンテーションに埋め込むこともできる、洗練されたインフォグラフィックが完成します。

### 活用例

* **教育・解説：** 複雑な概念、歴史年表、科学的プロセス、学習フレームワークを、学生や教育者向けに視覚化します。
* **マーケティング・コンテンツ：** 製品機能、ブランド統計、キャンペーンデータ、市場動向を、共有しやすく目を引くインフォグラフィック素材に変換します。
* **データストーリーテリング：** 調査結果、アンケート結果、比較分析、手順を、構造化されたビジュアル形式で提示します。
* **ビジネスコミュニケーション：** 会社のマイルストーン、組織のワークフロー、戦略ロードマップ、KPIダッシュボードを、分かりやすいビジュアルの要約にします。
* **ソーシャルメディア・出版：** ブログ記事、LinkedIn記事、ニュースレター、プレゼンテーションスライド向けの、各プラットフォーム対応インフォグラフィックを作成します。

### ステップごとのガイド：SlidesPilotでウェブページからインフォグラフィックを作成する方法

{% stepper %}
{% step %}

#### ステップ1 — SlidesPilotにログイン

SlidesPilotへのログインは簡単です。 **Googleアカウント** または **Appleアカウント** を選んで、ワンクリックで素早くログインできます（新規ユーザーは自動的に登録されます）。これにより、生成したすべてのインフォグラフィックが安全に保存されます。あるいはメールアドレスでもログインできます。安全な確認コードを受信トレイにお送りします。

<figure><img src="/files/430f2b062e4e91b881ef17635ab58c52db1d4637" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### ステップ2 — AIインフォグラフィック作成ツールにアクセス

ログインすると、 **ワークスペース**に移動します。左側のサイドバーで簡単に移動できます。ホームページへ進むと、上部に **AIインフォグラフィック** が表示されます。それをクリックして作成ツールを開きます。

<figure><img src="/files/063b5cd73aaa46075bfaa5e6adfe94ee18419d6a" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### ステップ3 — ビジュアルタイプを選択

提示する情報に応じて、15種類以上のビジュアルタイプから選べます。特定のデザインが決まっていない場合は、デフォルトの **AIに探索させる** をそのまま選択しておけば、AIがコンテンツに最適な構成を自動で選びます。

<figure><img src="/files/3304a68588fe1a489ba1c1fc10d9445fff15ee81" alt=""><figcaption></figcaption></figure>

***適切なビジュアルタイプの選び方：***

* **AIに探索させる：** AIにコンテンツに最適なビジュアル形式を自動選択させたい場合に選びます。
* **マインドマップ：** ブレインストーミングや、1つの中心アイデアからさまざまなサブトピックが広がる様子を示すのに最適です。
* **電球：** 核となるアイデア、革新、重要なポイントを強調するのに最適です。
* **脳：** 心理学、学習、創造性、論理的思考に関するトピックに適しています。
* **パイププロセス：** データの流れ、製造工程、多段階システムを示すのに最適です。
* **タイムライン：** 歴史的出来事、プロジェクトのスケジュール、特定期間の進捗を示すのに最適です。
* **円形：** 継続的なプロセス、ライフサイクル、繰り返しのループに使用します。
* **比較：** 長所と短所の比較や、2つの異なる概念を並べて見るのに最適です。
* **ベン図：** 異なるカテゴリ間の重なりや共通点を示すのに適しています。
* **統計：** データ量の多いコンテンツ、アンケート結果、主要指標の強調に最適です。
* **ドーナツ：** 全体に対する割合やパーセンテージを示すのに適しています（円グラフに類似）。
* **階層：** 組織図、チーム構成、権限レベルを示すのに最適です。
* **ピラミッド：** 基礎概念や優先順位のレベルを示すのに使用します（マズローの欲求階層説のようなもの）。
* **ファネル：** 営業プロセス、データの絞り込み、広い出発点から特定の結果へ絞られていく流れを示すのに最適です。
* **地理：** グローバルデータ、地域統計、位置情報ベースの情報に最適です。
* **PESTLE：** 政治・経済・社会・技術・法務・環境要因を扱うビジネス分析に選びます。
* **SWOT：** 強み、弱み、機会、脅威を示す戦略立案に選びます。
* **DNA：** ブランドや戦略の中核となる構成要素、基本要素、いわば「遺伝子」を示すのに適しています。
  {% endstep %}

{% step %}

#### ステップ4 — 入力方法を選択

AIインフォグラフィック作成ツール内には、4つのオプションがあります： **トピックを入力**, **テキストを貼り付け**, **ファイルをアップロード**、および **リンクを貼り付け**。開始するには **リンクを貼り付け** を選択します。

<figure><img src="/files/d716208739a4d5d004d1ff6d7b45b438a28ab2a1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### ステップ5 — リンクを貼り付け

URL入力欄にリンクを貼り付けるだけです。YouTube、Wikipedia、その他ほぼどんなソースのリンクでも使用できます。AIがウェブページを分析して要点を抽出し、視覚的に整理します。

<figure><img src="/files/301ed65d607fc69f93a4ce1a186adc1e15ddeb6f" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### ステップ6 — 設定と指示をカスタマイズ

ページ右側に **設定** と **指示** パネルがあり、インフォグラフィックの生成方法をカスタマイズできます。これらのオプションで、ビジュアルスタイル、サイズ、色、言語、デザインの複雑さを調整できます。

<figure><img src="/files/397112523650621b9bca7dc0242d2b00200b7a49" alt=""><figcaption></figcaption></figure>

#### **設定**

***ビジュアルタイプ***

ビジュアルタイプは、インフォグラフィック全体の構造デザインとレイアウトを決定します。これは **ステップ3**で見たものと同じオプションです。ステップ3で最初に **AIに探索させる** を選んだものの別の見た目を試したい場合や、結果を見た後に図の種類を変更したい場合も、ここで簡単に調整できます。

<figure><img src="/files/b9481bd3b6574b3f8f640f1ca7f637ffc81f1c1a" alt=""><figcaption></figcaption></figure>

***適切なビジュアルタイプの選び方：***

* **自動：** どのレイアウトが最適か分からない場合に便利です。システムがウェブページ内容の性質に基づいて最も効果的な構成を自動で選択します。
* **手動選択：** 17種類の図から選び、ストーリーを最適に表現できます。スケジュール用のタイムライン、長所と短所の比較、データ用の統計チャートなど、特定の形式をAIに指定できます。 *（各図の使い分けの完全ガイドについては、ステップ3の一覧を参照してください。）*

***アスペクト比***\
適切なサイズを選ぶことで、モバイル画面、プレゼンテーションスライド、SNSフィード、印刷物など、共有したいプラットフォームにぴったり収まります。

<figure><img src="/files/864c7bb60d70730b44ad453f1211a19f400c53ac" alt=""><figcaption></figcaption></figure>

***適切なアスペクト比の選び方：***

* **自動：** AIは、選択したビジュアルタイプと提供された情報量に基づいて、コンテンツに最適な標準サイズを判断します。
* **16:9（ワイドスクリーン）：** 標準的な横長フォーマットです。プレゼンテーションスライド、デスクトップ画面での閲覧、動画への埋め込みに最適です。
* **4:3（標準）：** クラシックな横長フォーマットです。従来の文書、PDF、iPadのようなタブレットでの閲覧に最適です。
* **1:1（正方形）：** バランスの取れた形式です。標準的なSNSフィード、特にInstagramのグリッド投稿やLinkedInカルーセルに最適です。
* **2:3:** 縦長で高めのフォーマットで、Pinterestのピンや標準的な印刷ポスターに最適です。
* **3:4:** やや横幅のある縦長フォーマットで、デジタル文書、レポート、タブレットでの閲覧に適しています。
* **4:5:** モバイルSNSフィード向けに最適化されています。Instagramの縦長投稿に理想的なサイズで、トリミングされずに画面を最大限に活用します。
* **9:16（縦長）：** スマートフォンの全画面表示に対応した標準フォーマットです。Instagramストーリーズ、リール、TikTok、またはスマートフォン閲覧向けに特化したコンテンツに最適です。

***カラーテーマ***\
カラーテーマは、インフォグラフィック全体で使用される配色を定義し、適切な雰囲気を作りながらウェブページ内容との一貫性を保ちます。

<figure><img src="/files/b7d716d4479e02f99339717220c2e52e8437fc17" alt=""><figcaption></figcaption></figure>

***適切なカラーテーマの選び方：***

* **自動：** AIが、特定のウェブページ内容に基づいて自動的に配色を適用します。
* **コーポレート：** プロフェッショナルな青と緑を基調とし、ビジネスレポートやフォーマルなプレゼンテーションに最適です。
* **テック：** 暗い背景にネオンアクセントを使い、ソフトウェア、AI、デジタルイノベーションのトピックに最適です。
* **鮮やか：** 大胆で目を引く色を使い、マーケティングやクリエイティブなコンテンツで注目を集めるのに適しています。
* **ミニマル：** すっきりしたニュートラルカラーを使い、視覚的な邪魔をせずにデータやテキストを際立たせます。
* **自然：** 緑やアースカラーを取り入れ、サステナビリティ、環境、ウェルネスのトピックに最適です。
* **ウォーム：** 親しみやすいオレンジやコーラルを基調とし、ライフスタイル系の話題や、熱意・活力を演出するのに適しています。
* **クール：** 落ち着いた青や紫を使い、医療、教育、複雑なデータを分かりやすく提示するのに最適です。

***言語***\
言語設定では、生成テキストに対して16種類の言語から選べるため、世界向け、国際向け、またはローカライズされた対象に合わせたインフォグラフィックを簡単に作成できます。

<figure><img src="/files/9c862c251f2e4f5c0e990c3de04b316f8e7c5478" alt=""><figcaption></figcaption></figure>

***言語の選び方：***

* **自動：** システムは、ウェブページ内容で検出された主要言語を使って、インフォグラフィックを自動生成します。
* **手動選択：** 出力を必要通りにするため、対応する16言語から手動で選択できます。利用可能な言語は、アラビア語、中国語（簡体字）、中国語（繁体字）、フィリピン語、英語、フランス語、ドイツ語、ヒンディー語、インドネシア語、イタリア語、日本語、韓国語、マレー語、ポルトガル語、ロシア語、スペイン語です。

***複雑さ***\
複雑さは、コンテンツをどの程度深く分析して、いくつのセクションに分けるかを制御します。単にインフォグラフィックを長くするのではなく、複雑さを高くすると、テーマをより細かく、具体的で、より高度なサブトピックに分解します。

<figure><img src="/files/486a30c9ea937a95563d1f1538389c131c265515" alt=""><figcaption></figcaption></figure>

***複雑さレベルの選び方：***

* **自動：** AIは、ウェブページ内容に基づいて最も自然な構造の分解を判断します。手動調整なしで、最も標準的で広く受け入れられているフレームワークを使いたいときに最適です。
* **シンプル（3〜4セクション）：** テーマを大まかな高レベルのカテゴリに要約します。簡単な概要や入門向けに最適です。
* **バランス型（5〜6セクション）：** 概念の標準的でクラシックな分解を示します。全体を理解しつつも消化しやすい内容を求める一般向けに最適です。
* **包括的（7〜8セクション）：** テーマを広げ、ニュアンスのある、または高度なサブカテゴリを含めます。詳細分析や教育資料に最適です。
* **詳細（9セクション以上）：** 非常に網羅的で、きわめて細かな分解を提供します。専門家向けや包括的な参考資料に最適です。

#### **指示**

指示テキストボックスでは、AIにカスタムの指示を与えて、コンテンツ生成の方向性を調整できます。標準設定を超えて、AIに具体的なルールを与えるのに最適です。たとえば、主要統計に集中する、簡潔にまとめる、やさしい言葉を使う、といった指示が可能です。

<figure><img src="/files/305d4c24261d80132e7d10906f360871bad29189" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### ステップ7 — インフォグラフィックを生成

リンクを貼り付けると、 **インフォグラフィックを生成** ボタンが画面下部で有効になります。それをクリックしてインフォグラフィックを作成します。

<figure><img src="/files/7c65d2c0a56884ed79152cfebca42b32fe702a75" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### プレゼンテーションを編集、ダウンロード、共有

SlidesPilotには、プレゼンテーションのワークフローを強化するための強力なオプションがいくつかあります：

* **AIで編集：** SlidesPilotの内蔵AIアシスタントを使えば、インフォグラフィックの更新が簡単です。 **AIで編集**をクリックし、変更内容をテキストボックスに入力するだけで、残りはAIが処理します。

<figure><img src="/files/0570f0678a3c2c75d9a8b0ca94c2a0b92534219b" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/3af5c80fb91e24badd7e145d417a7b0fbbd7ae69" alt=""><figcaption></figcaption></figure>

* **ダウンロードと書き出し：** インフォグラフィックをPDF、PNG、PowerPoint（.pptx）ファイルとしてダウンロードするか、Googleスライドに直接書き出せます。シームレスな連携により、既存のワークフローを維持しながら好みのアプリで編集できます。

<figure><img src="/files/a4518f399feb5a95a2c804aa2c64ce3d09b74c68" alt=""><figcaption></figcaption></figure>

**共有：** ワンクリックで閲覧専用リンクを生成するオプションもあります。必要に応じていつでも簡単に非公開設定に戻せます。

<figure><img src="/files/90b4b9f9152162acf1d910b9a7c645ebbe98aa72" alt=""><figcaption></figcaption></figure>

### 要約

* カスタムインフォグラフィックを生成するために、リンクを準備してください。
* 全機能を使って生成するには、サインアップまたはログインしてください。これによりプライバシーとファイルの安全性が保護されます。サービスは無料で、サインアップ時にクレジットカードは不要です。
* AIがインフォグラフィックを生成したら、PowerPoint、Googleスライド、PDF、PNGに書き出してお気に入りのアプリで使うことも、SlidesPilotのスマートなAI搭載オンラインエディターで直接調整することもできます。

### よくある質問

<details>

<summary><strong>インフォグラフィックを生成するために、どのようなウェブページリンクを使えますか？</strong></summary>

公開リンクなら何でも使えます。ブログ記事、ニュース記事、Wikipediaページ、企業サイトなど、URLを貼り付けるだけでOKです。AIが自動でウェブページを分析し、要点を抽出し、文章作成と視覚構成を代わりに行います。

</details>

<details>

<summary><strong>リンク先コンテンツの著作権はどうなりますか？</strong></summary>

提供するコンテンツを処理するための権利や許可があることを確認する責任は、あなたにあります。この機能は、ご自身のコンテンツ、パブリックドメイン素材、またはフェアユースの原則に該当する個人・教育目的での使用をおすすめします。詳細は利用規約をご参照ください。

</details>

<details>

<summary><strong>インフォグラフィックを最良の結果にするにはどうすればよいですか？</strong></summary>

完全に手間なく使いたい場合は、すべてを *自動* のままにしておけば、AIがすぐに魅力的なビジュアルを生成します。ただし、より目的に合わせた結果を得たい場合は、 *設定* と *指示* を使って具体的な詳細を与えることをおすすめします。これにより、ビジュアルタイプ、アスペクト比、カラーテーマ、言語、複雑さを簡単にカスタマイズし、コンテンツにぴったり合わせることができます。

</details>

<details>

<summary><strong>インフォグラフィック生成後に利用できる形式は何ですか？</strong></summary>

SlidesPilotでは、インフォグラフィックをPNG画像、PowerPoint（.pptx）、PDFファイルとしてダウンロードするか、Googleスライドに直接書き出せます。

</details>

<details>

<summary><strong>生成後にインフォグラフィックを編集できますか？</strong></summary>

もちろんです！要素を手作業で微調整する代わりに、直感的なAIアシスタントを使ってインフォグラフィックを編集できます。指示を即座に処理し、デザインを更新してくれます。

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.slidespilot.com/slidespilot-help-center-ja/i/webpjikarainfogurafikkuwo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.