操作方法
- PDF選択:
PDFを選択からローカルのPDFを指定。 - パラメータ設定:
- サムネ幅(px):各ページのサムネイル横幅を指定(既定 240px)。縦横比は自動維持。
- 列数:コンタクトシートの列数(既定 5)。
- 範囲:例
1-20/1-3,7,10-12(空欄=全ページ)。
- 生成:生成をクリック → 各ページのPNGサムネと個別DLリンクが並びます。
- シート出力(任意):シート画像DLで、現在の並びを**1枚のPNG(コンタクトシート)**として保存。
成果物(得られるもの)
- 各ページのPNGサムネイル:
thumb-p{ページ番号}.pngで個別ダウンロード。 - コンタクトシートPNG:
pdf-thumbnails-sheet.png(背景白・サムネ間隔10px)。 - 画面上にメタ情報(総ページ数/生成枚数/幅/列数)を表示。
注意点
- テキスト/ベクター→ラスター:pdf.jsで描画したピクセル画像を保存します。
- パスワードPDF:未対応(入力UIなし)。
- 巨大PDF/高DPI相当:ページ数や幅が大きいとブラウザメモリで失敗する場合あり(範囲を区切って実行推奨)。
- 範囲指定:不正な書式は無視されます。複数指定はカンマ区切り、範囲はハイフン。
- CDN依存:
pdf.js 3.11.174をCDNから読み込み。オフライン/CSP制限下では動作不可。 - 完全クライアントサイド:ファイルはサーバーへ送信されません。
- コンタクトシートの並び:現在の生成結果順で左→右、上→下に整列。全サムネ同一幅(ページ比率差は自動反映)。


コメント