PDF ページのサムネイル プレビューは、検索結果、ファイル マネージャー、電子メールの添付ファイル、およびドキュメント管理システムに表示されます。各プラットフォームでは、プレビュー画像のアスペクト比がわずかに異なることが想定されており、PDF ページのアスペクト比が想定されるプレビューの寸法と一致しない場合、サムネイルにはレターボックス バー、切り取られたコンテンツ、または見にくい空白が表示されます。 PDF ページをトリミングしてプラットフォーム間で一貫した適切なフレームのサムネイルを作成するには、特定のピクセル寸法ではなく、特定のアスペクト比にトリミングする必要があります。この記事では、主要なプラットフォーム間で最も一般的なプレビュー アスペクト比と、それぞれのプラットフォームに合わせて PDF ページをトリミングするテクニックについて説明します。
サムネイルのピクセル寸法よりもアスペクト比が重要な理由
サムネイルはページを縮小して表示したものです。サムネイルのピクセル寸法は、ソース PDF ではなく、サムネイルを表示するプラットフォームによって決まります。ソース PDF が制御するのは、ページのアスペクト比、つまり幅と高さの比率です。 PDF ページのアスペクト比が 8.5:11 (約 1:1.29) で、プラットフォームが 1:1 の比率の正方形のサムネイルを想定している場合、プラットフォームはページのコンテンツを正方形に合わせてトリミングして上部または下部を失うか、ページの両側に空のバーを含むレターボックスを作成する必要があります。どちらの結果も、プレビューでドキュメントが適切に表示されません。
各プラットフォームで期待されるアスペクト比を理解すると、無駄なスペースや厄介なトリミングを行わずに、PDF ページをトリミングしてコンテンツがプレビュー スペースを自然に埋めることができます。 Google の検索結果のサムネイルは、1:1 の正方形の比率で表示される場合があります。 macOS 上のファイル マネージャーは 3:2 の比率を使用する場合があります。 Gmail の電子メール添付ファイルのプレビューでは、4:3 の比率が使用される場合があります。これらの比率のいずれかに一致するように PDF ページをトリミングすると、空の余白やレターボックス バーではなく、意味のあるコンテンツがプレビューに表示されます。以下の表は、主要なプラットフォーム間で最も一般的なサムネイルのアスペクト比と、それぞれのプラットフォームで最適に動作するドキュメント コンテンツの種類をまとめたものです。
| プラットフォームまたはユースケース | アスペクト比 | 最適な用途 |
|---|---|---|
| Google ドライブ、Dropbox ウェブ | 1:1 (正方形) | タイトル ページ、証明書、コンテンツが中央に配置された 1 ページの文書 |
| Gmail、Outlookの添付ファイル | 4:3 | プレゼンテーション スライド、標準ドキュメント ページ |
| macOS ファインダー、Windows エクスプローラー | 3:2 | 写真、スキャンした文書、ワイドフォーマットのページ |
| ソーシャルメディアリンクのプレビュー | 1.91:1 | マーケティング資料、風景インフォグラフィック、ブログヘッダー |
| 検索エンジンの結果 | 1:1 または 4:3 | 最初のページのサムネイルがクリックスルーを促進するドキュメント |
ターゲット アスペクト比クロップを計算して適用する方法
特定のアスペクト比にトリミングするには、最も重要なページ コンテンツを維持しながら、目的の幅と高さの比率を生成するトリミング境界を計算する必要があります。タイトル、注目の画像、または最も特徴的な視覚要素など、各ページの重点領域を特定することから始めます。現在のページの寸法をポイント単位で測定します。どの寸法でトリミングを制限するかを決定します。ページの高さが目標の比率に対して高すぎる場合は、上または下からトリミングしてください。ページの幅が広すぎる場合は、左または右から切り取ってください。切り抜きでは、焦点領域を切り取ったフレーム内の中央に維持し、そのままの状態に保ちながら、最も重要でないコンテンツを削除する必要があります。
たとえば、レター サイズのページ (612 x 792 ポイント、比率 1:1.29) を正方形の 1:1 比率にトリミングするには、幅に合わせて高さを減らす必要があります。対象寸法は612×612ポイントとなります。切り抜きにより高さから 180 ポイントが削除されます。焦点のコンテンツが位置する場所に応じて、下から完全に取得することも、上から全体から取得することも、上と下に分割することもできます。同じ計算が、開始寸法とターゲット比率に適用されます。数学は単純な算術です。どのコンテンツを保持し、どのコンテンツを犠牲にするかを判断することが重要です。
WukongPDF の PDF ツールを使用すると、ページごとにカスタムのトリミング境界を定義できます。複数ページのドキュメント全体で一貫したアプローチを実現するには、ターゲット クロップ サイズを一度計算してすべてのページに適用し、各ページを個別にレビューして、クロップが意図したコンテンツをキャプチャしていることを確認します。コンテンツ レイアウトが異なるページでは、境界を個別に調整する必要がある場合があります。ページごとに数分間の追加レビューを行うことで、すべてのサムネイルが適切にフレーム化されたプレビューを表示し、文書を開く前からプロフェッショナルな外観を実現します。
複数ページの PDF をトリミングしてサムネイルの外観を一貫させる
すべてのページが一貫した外観のサムネイルを生成する必要がある複数ページのドキュメントの場合、すべてのページを同じアスペクト比にトリミングすることは最初のステップにすぎません。また、クロップでは、重要なコンテンツをページ全体に一貫して配置する必要があります。タイトル ページが中央にタイトルが表示されるように切り取られ、2 番目のページが左上隅が表示されるように切り取られる文書では、最初のプレビューは本格的に見え、2 番目のプレビューは壊れたように見えるサムネイルが生成されます。解決策は、固定のページ座標ではなく、コンテンツの位置に基づいてトリミング領域を定義することです。
タイトル ページでは、焦点領域は中央のタイトル ブロックである場合があります。コンテンツ ページでは、セクション見出しを含む上部が焦点領域になる場合があります。ページごとのトリミング境界を調整して、最も代表的なコンテンツをターゲットのアスペクト比でキャプチャします。この慎重なページごとのトリミングの結果得られるPDF ページ プレビューには、すべてのページにわたってドキュメントのコンテンツを正確に表す一貫したサムネイルのセットが表示されます。
サムネイル プレビューを考慮したページのデザイン
サムネイルを最適化するための最も効率的なアプローチは、重要なコンテンツを失わずに、一般的なアスペクト比に合わせて適切にトリミングされるように元のドキュメント ページを設計することです。各ページの視覚的に最も特徴的な要素を、ページ領域の中央 60% 内に配置します。この領域は、一般的なアスペクト比でトリミングされても生き残る可能性が最も高い領域です。ロゴ、タイトル、主要なグラフィックスをページの端に配置することは避けてください。ページが異なる比率で切り取られたときに、最初にコンテンツが失われることになります。設計段階でページ レイアウトを少し調整すれば、ドキュメントの完成後にページごとにトリミングを調整する必要がなくなります。
プラットフォーム間でのサムネイルの外観のテスト
PDF ページをトリミングした後、ドキュメントが表示されるプラットフォームでサムネイルの表示をテストします。トリミングした PDF を Google ドライブにアップロードし、Web インターフェースでプレビューを確認します。これをメールに添付すると、Gmail と Outlook の両方で添付ファイルのプレビューが表示されます。プレビュー ペインを有効にして Windows ファイル エクスプローラーで開きます。マスキングとスケーリングのアルゴリズムが異なるため、プラットフォームごとにサムネイルのレンダリング方法が若干異なります。あるプラットフォームでは完璧に見えるトリミングでも、別のプラットフォームではコンテンツの端が切り取られて表示される場合があります。プラットフォーム間でテストすると、これらの違いが明らかになり、どこでもうまく機能するようにクロップを調整できるようになります。
サムネイル テストで問題が見つかった場合は、トリミングの境界を調整して再度テストします。通常、すべての主要なプラットフォームで許容可能なサムネイルを作成するには、1 回のテストと調整で十分です。 PDF エクスポート サムネイルは、多くの場合、受信者がドキュメントに対して抱く第一印象となります。最適化に数分を費やすことで、第一印象が確実に良いものになります。