「PDFに印刷」の問題点
ウェブページをPDFとして保存するために Ctrl+P を押したことがあるなら、その苦痛をよくご存知でしょう。CSSスタイルは完全に崩れ、背景色は消え、奇妙な余白が現れ、画像は半分に切れてしまいます。ネイティブの印刷エンジンは、プレーンテキスト用に設計された原始的な印刷スタイルを使用して、ドキュメントを根本的に再レンダリングします。
スクリーンショットによるアプローチ
複雑なグリッドレイアウト、グラデーションオーバーレイ、カスタムウェブフォントなど、最新のウェブアプリケーションの正確な視覚的忠実度を維持するには、別のアプローチが必要です。中間媒体として画像を使用する必要があります。
ピクセルパーフェクトなオフラインドキュメントへの3つのステップ：
- 視覚的なキャプチャ： 下にスクロールするにつれて複数のビューポートスクリーンショットをつなぎ合わせる拡張機能を使用します。これにより、出力が画面上で目に見えるものと100%忠実になります。
- ラスターの変換： この巨大な画像を専用のA4スライスツールにアップロードします。
- スマートページネーション： 本当の魔法はここで起こります。高品質のコンバーターツールは、単に297ミリメートルごとに画像を任意にスライスするわけではありません。ピクセルデータをスキャンするアルゴリズムを実行し、段落や画像の間のきれいな「余白」を探し、物理的なページのカットがテキストの行を完全に半分にスライスしないようにします。
この画像ファーストの方法論を利用することで、手付かずの美しいオフラインレポートを取得できます。