• PNG
  • JPEG
  • WEBP
  • HUMAN

AIでウェブページを画像として保存する方法|PDFShift MCPコネクター

PDFShiftをエージェントに一度接続するだけです。あとはURLやHTMLを渡すだけで、レンダリングが完了します。

このページについてAIに聞く

すぐに答え

AIを使ってウェブサイトを画像にするには?

エージェントにURLまたはHTMLコードを渡すと、PDFShiftを使用してその内容を静止画としてレンダリングします。形式はPNG、JPEG、WebPから選択可能です。仕組みは以下の通りです。

出力結果

生成される画像形式

リクエストに応じて、エージェントは以下の3つのファイル形式のいずれかを作成します。

PNG

鮮明なPNGファイル

エージェントが変換ツールを使用してPNGを作成します。テキストの鮮明さや透過処理が必要なスクリーンショットに最適です。

JPEG

軽量なJPEGファイル

ファイルサイズを抑えたい場合にエージェントが生成します。写真や、容量を節約したいウェブ用アセットに適しています。

WEBP

最新のWebPファイル

高効率な圧縮を実現するWebPファイルを生成します。画質とファイルサイズのバランスを重視する場合に最適です。

HUMAN

手動確認が必要なケース

ウェブサイトのレイアウト崩れやCSSの欠落をAIが修正することはできません。ソースURLにレンダリングエラーがある場合は、生成された画像を目視で確認してください。

ワークフロー

URLを受け取った後のAIの動き

エージェントはチャットとレンダリングエンジンの橋渡し役として機能します。

  1. 入力の受け取り

    チャットで提供されたURLまたは生のHTML文字列をエージェントが読み取ります。

    convert_to_png
  2. PNGへのレンダリング

    エージェントが変換を実行し、高精細なPNG画像を作成します。

    convert_to_png
  3. JPEGへのレンダリング

    別の形式が指定された場合、エージェントはページをJPEGに変換します。

    convert_to_jpeg
  4. WebPへのレンダリング

    ウェブでの利用に最適化されたWebP画像を生成して、タスクを完了します。

    convert_to_webp

試してみる

以下のプロンプトをコピーして開始

これらのプロンプトを使うと、すぐに変換を実行できます。

出発点

括弧内のテキストを、実際のURLやHTMLコードに書き換えて使用してください。

PDFShift Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_eFUtIIlmUi8wiZ9um42caJb4t60HbsbZZhY0vd6N/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — PDFShift capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "pdfshift-alternative-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_eFUtIIlmUi8wiZ9um42caJb4t60HbsbZZhY0vd6N/mcp"
    }
  }
}
チャットにコピー04
  • このURLをPNGに変換して: [URL]

  • このHTML文字列をWebP形式のスクリーンショットにして: [HTML]

  • このウェブページをJPEGに変換して: [URL]

  • このサイトの高品質なPNGが必要: [URL]

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

PDFShiftを接続して、すぐに指示を出す

リンクをクリックして接続するだけです。認証情報は暗号化されて保護されます。接続後は、お気に入りのAIクライアントですぐにツールを利用できます。

PDFShiftをAIに接続する

FAQ

機能の詳細について

  • 01

    画像を生成する前に、AIがウェブページの内容を編集することはできますか?

    いいえ。AIは、指定されたURLに存在する状態、または提供されたHTML文字列の内容をそのままレンダリングすることしかできません。

  • 02

    画像形式を指定することはできますか?

    はい。エージェントに対してPNG、JPEG、WebPのいずれかを使用するよう指示できます。

  • 03

    AIは画像をローカルのハードドライブに保存してくれますか?

    いいえ。AIは画像ファイルを生成しますが、そのファイルをダウンロードしたりローカルストレージに移動したりするのはユーザーの操作となります。

  • 04

    ウェブページの動画をキャプチャすることはできますか?

    いいえ。このコネクターは静止画のキャプチャ専用です。

  • 05

    ウェブサイトにログインが必要な場合はどうなりますか?

    AIはログイン画面を回避することはできません。ログインが必要なページの場合、公開されている状態のページ、または提供されたHTMLの内容のみがキャプチャされます。

  • PDFShiftについてさらに詳しく知りたいですか? PDFShift MCPコネクターの全機能を見る

『PDFShift』を Claude、Cursor、ChatGPT などに接続