WebページをワンクリックでPNGにキャプチャ — Webから画像へ(全ページ、高解像度)
任意のWebページを高解像度PNGとしてキャプチャ(視覚的忠実度と長いページの結合)。共有やアーカイブに最適です。
今すぐ使用機能 — Webから画像へ / PNGとして保存
- 全ページキャプチャ:`html2canvas`を使用してHTMLドキュメント全体をキャプチャし、モーダルやオーバーレイを処理してクリーンな出力を実現します。
- 高解像度エクスポート:`scale: window.devicePixelRatio`以上を設定することで、印刷や表示に適した高解像度画像を生成します。
- プライバシーとローカル処理:すべてのキャプチャと画像生成はブラウザ内でローカルに行われます。外部サービスにデータがアップロードされることはありません。
検索可能で選択可能なテキストが必要ですか?当社のWebからPDFへのコンバーターをご利用ください。
このツールについて(仕組みとEEAT)
実装とメンテナンス:このツールはTableCopyチームによってメンテナンスされています。コアキャプチャロジックは、人気の`html2canvas`ライブラリを使用しており、失敗プロンプトとフォールバックメカニズムによって堅牢性が追加されています。
技術的な詳細:スクリプトは自己キャプチャを避けるために一時的に独自のモーダルを非表示にし、クロスオリジン画像リソースのレンダリング成功率を向上させるために`useCORS`を使用します。画像はdataURLを介してエクスポートされ、ブラウザのダウンロードをトリガーします。
信頼性と監査可能性:プロジェクトは静的コードリポジトリです。すべてのロジックは`tools/tablecopy/`で確認できます。サードパーティの依存関係はCDNからロードされます。オフライン展開の場合、スクリプトをバンドルして信頼できるソースからホストできます。
よくある質問(FAQ)
キャプチャに不要なポップアップやツールバーが含まれている場合はどうなりますか?
スクリプトは独自のUIを非表示にしようとします。チャットウィジェットやクッキーバナーなどのサードパーティ要素については、キャプチャする前に手動で閉じるか、ブラウザの開発者ツールを使用して非表示にしてください。
エクスポートされた画像に一部の画像やリソースが欠けているのはなぜですか?
リソースがサードパーティのドメインからのもので、適切なCORSヘッダーがない場合、ブラウザはそれをキャンバスに描画することをブロックし、エクスポートされた画像から欠落する原因となります。解決策には、リソースをロードさせるためにシークレット/新しいタブでページを開くか、主要な画像を最初にローカルに保存してからスクリーンショットを合成することが含まれます。
より高い解像度またはより小さいファイルサイズを取得するにはどうすればよいですか?
解像度を上げるには、`scale`パラメータを調整します(例:`window.devicePixelRatio * 2`)。これによりピクセル密度が上がりますが、メモリ使用量と処理時間も大幅に増加します。ファイルサイズを小さくするには、エクスポート後に画像圧縮ツール(TinyPNGなど)を使用するか、キャンバスからエクスポートする前に品質パラメータを下げます(JPEGの場合)。
長いページを処理する際のメモリクラッシュを回避するにはどうすればよいですか?
大きなページをキャプチャすると、大量のメモリを消費する可能性があります。セクションごとにキャプチャする(複数の画像に分割する)か、`scale`を下げてから画像をローカルで結合することをお勧めします。もう1つの戦略はサーバーサイドのレンダリング/キャプチャですが、これにはプライバシーリスクが伴います。
フィードバックを提供したり、改善に貢献したりするにはどうすればよいですか?
GitHubリポジトリ(パス:`tools/tablecopy/`)でissueまたはPRを送信してください。問題を特定し、回帰テストを実行するのに役立つように、再現可能なサンプルページまたはスクリーンレコーディングを提供してください。
3秒でインストール、永久に使用
ボタンを長押し
緑色の「Web Converter」ボタンをクリックして長押しします。
完了!クリックして使用
キャプチャしたいページで、このブックマークをクリックして開始します!