ウェブ開発者
PDF図、アーキテクチャ図、ドキュメントのスクリーンショットを軽量なWebP画像としてエクスポートし、サイトに埋め込むことができます。ペイロードが小さいほど、LCPスコアが速くなり、検索ランキングが向上します。
Webパフォーマンスは進化を遂げており、WebPは現在、Google PageSpeed InsightsとLighthouseが推奨するデフォルトの画像フォーマットとなっています。これは、WebPがJPGと同等の知覚品質で常に25~35%小さいファイルサイズを実現できるためです。製品パンフレット、スライドデッキ、インフォグラフィック、技術図など、ソースコンテンツがPDF形式の場合、品質の劣化、透かし、プライバシーの問題なしに、各ページを適切なサイズのクリーンなWebPとして抽出できるコンバーターをが必要です。ほとんどのオンラインツールはJPGまたはPNG出力のみに対応しており、ファイルをリモートサーバーにアップロードする必要があります。LuraPDFは、選択した任意のDPIで、ロスレスモードまたはロッシーモードのいずれかで、ブラウザ上で直接無料で変換します。
LuraPDF の内部では、PDF.js を使用して各 PDF ページを選択した解像度で HTML キャンバスにレンダリングし、ブラウザのネイティブな canvas.toBlob('image/webp', quality) API を呼び出して WebP ファイルを生成します。非可逆的な中間処理を経由したトランスコードは一切行われず、レンダリングから WebP へのパイプラインは直接かつ 1 パスで実行されます。ロスレス モードでは quality=1 を使用し、完全な WebP ロスレス コーデックを有効にしてビット パーフェクトな出力を実現します。ロッシー モードでは quality を 0.1 から 0.95 まで設定でき、写真コンテンツには 0.8 が推奨される最適な値です。すべてのファイルはデバイスに直接ダウンロードされ、クラウドへの往復やデータ保持は行われません。
Core Web Vitalsスコアを追求するWeb開発者から、商品画像を公開するeコマースチームまで、PDFからWebPへの出力は、実用的で日常的なニーズとなっている。
PDF図、アーキテクチャ図、ドキュメントのスクリーンショットを軽量なWebP画像としてエクスポートし、サイトに埋め込むことができます。ペイロードが小さいほど、LCPスコアが速くなり、検索ランキングが向上します。
PDFのスライドデッキやデザインデータをWebP形式のサムネイルやブログ記事のヒーロー画像に変換することで、鮮明さや色の正確さを損なうことなくページサイズを削減できます。
製品仕様書やカタログのPDFファイルを、オンラインストア向けの高品質なWebP形式の製品画像に変換しましょう。1キロバイトでも容量を節約できれば、モバイル端末でのコンバージョン率が向上します。
PDFの個々のページをWebP画像としてエクスポートし、Instagram、LinkedIn、Pinterestなどにアップロードできます。最新のプラットフォームはWebP形式に対応しており、対応するデバイスに自動的に配信します。
PDF形式のモックアップやエクスポートされたデザイン画面を抽出し、WebP形式に変換、納品文書、デザインプレビュー、Webベースのポートフォリオページに使用します。
Open Graphのプレビュー画像のソースとしてPDFレポートの表紙を使用し、適切なスケールでWebP形式に変換で、ソーシャルメディアカードのプレビューを完璧に表示できます。
ローカルで処理することで、クラウドツールでは決して実現できないスピード、プライバシー、そしてフォーマットの柔軟性が得られます。
LuraPDFは、PDFをPDF.jsに読み込みます。PDF.jsは、Firefoxの組み込みPDFビューアにも使用されているオープンソースのレンダラーです。選択した各ページについて、PDF.jsは選択したDPIでページ全体のコンテンツをHTMLキャンバス要素に描画します。DPI設定は、1インチあたりのピクセル数を制御します。USレターサイズのページで300 DPIを設定すると、標準的な印刷解像度に一致する2550×3300ピクセルのキャンバスが生成されます。テキストは埋め込まれたフォントデータからラスタライズされ、ベクターパスは正確に描画され、PDFに埋め込まれた画像は忠実に合成されます。
ページがキャンバスにレンダリングされると、canvas.toBlob('image/webp', quality) を介してブラウザのネイティブ WebP エンコーダが呼び出されます。ロスレス モードの場合、quality は 1 に設定され、WebP ロスレス コーデックが有効になります。ロッシー モードの場合、quality パラメータはスライダーで直接制御します。生成された WebP ブロブは、ダウンロード リンクを介してファイルシステムに直接書き込まれます。複数ページのエクスポートの場合、JSZip はすべてのブロブを収集し、サーバーにデータを保持することなく、単一の ZIP ダウンロードをストリーミングします。タブを閉じると、すべてのバイトが即座に破棄されます。
| 特徴 | LuraPDF | クラウドコンバート | Adobe Acrobat |
|---|---|---|---|
| ブラウザのみ / アップロード不可 | はい | いいえ | いいえ |
| ロスレスWebPのサポート | はい | はい | いいえ |
| DPI選択可能(72~600) | はい | 部分的 | はい |
| 無料無制限 | はい | 限定 | 有料 |
変換前にいくつかの簡単な判断を下すことで、ファイルサイズを大幅に削減し、手戻りを防ぐことができます。
写真を含むPDFコンテンツの場合、0.75~0.85の非可逆圧縮品質がサイズ対品質比で最も優れています。ほとんどの視聴者は、通常の画面視聴距離では可逆圧縮と区別できません。
図、回路図、および文字数の多いページなど、鮮明なエッジ、読みやすい文字、および線の精度が重要な場合は、ロスレスモードを使用してください。
標準的なRetinaディスプレイの場合は、DPIを150に設定してください。300に上げるのは、画像を大きなサイズで表示する場合、印刷する場合、またはアーカイブ用コピーを作成する場合に限ります。
WebPはすべての最新ブラウザでサポートされていますが、IE11またはSafariのバージョン14より前のバージョンをサポートする必要がある場合は、HTMLのpicture要素を使用してJPGへのフォールバックを追加してください。
変換前にPDFをトリミングして大きな白い余白を削除してください。これにより、キャンバスのピクセル数が減り、品質を損なうことなく出力ファイルのサイズを縮小できます。
元のPDFファイルが非常に大きい場合やページ数が多い場合は、WebPに変換する前に、まずLuraPDFのPDF圧縮ツールを使用してブラウザでのレンダリング速度を向上させてください。
PDFから出力したJPGやPNGのサイズが大きすぎるファイルを配信するのはもうやめましょう。ブラウザで直接WebPに変換できます。ピクセル単位の忠実度を求めるならロスレス変換、最大圧縮率を求めるなら品質スライダーを調整してください。アップロード不要、ウォーターマークなし、登録不要です。