fbpx

PDFの表示が始まるまでが遅い! なぜ? 対策は?

ネットのPDFの表示開始までに時間がかかる不満を聞いたことはありませんか? これはダウンロード完了まで表示が始まらないのが原因です。PDFの“見た目”そのままのHTML5/SVGに変換してネットに載せれば問題解決。すばやい表示を実感できます
PDFの表示が始まるまでが遅い! なぜ? 対策は?

PDFに不満を持つ人が増えていることにお気付きですか? パソコン&光回線というリッチ環境よりも、スマホ&携帯電話回線の低速で従量制や上限ありというネット利用者が増えたことで、以前よりもPDFのデメリットが気になるのです。

具体的には、ネットのPDFの不満の代表は「PDFの表示が始まるまでに時間がかかる」というものです。

ダウンロード完了まで表示できないPDF

テキストファイルなら、ダウンロードを開始した冒頭部分から順に表示することで、最後までダウンロードする前に表示を始めることができます。画像・写真なども、このような処理で、すばやく表示が始められる画像フォーマットがあります。

ところがPDFでは、1ページ目の冒頭のデータから順にファイルに収める形式と、データをファイルのどこに収めてもよい形式の両方があります。前者はリニアライズドPDF(Linearized PDF)と呼ばれており、この形式のPDFの場合には、PDFファイルを全部ダウンロードする前に表示を始めることができます。幸いにも、主要なウェブブラウザ、ウェブサーバはリニアライズドPDFに対応しています。ページ数が多いのに、1ページ目がすばやく表示されるのは、この形式のPDFだったのでしょう。

後者だと、一般的にはダウンロードが完了しないと表示を始められません。PDFは全部リニアライズドPDFに統一すればいいのですが、アプリの多くがリニアライズドPDF出力に対応していないのです。実際、ネットのPDFを確認してみると、リニアライズドではないPDFがかなり多くあります。

このPDFはリニアライズドPDFなのか、このアプリの出力はリニアライズドPDFなのかを見分けるのは簡単です。Windows PCでは、PDFをAdobe Acrobatで開き、「ファイル」→「プロパティ」で表示される「概要」欄を見てください。「Web表示用に最適化」という項目が「はい」ならリニアライズドPDFです(下図・上)。「いいえ」なら違います(下図・下)。図で示したように、マイクロソフトOfficeはリニアライズドPDF出力に対応していません。

最適化の欄は「はい」なので、リニアライズドPDF

MacOSでPagesから出力したPDFのプロパティです。Webページ用に最適化の欄は「はい」なので、リニアライズドPDFです。

マイクロソフトOfficeはリニアライズドPDF出力に対応していません

Windows 10でマイクロソフトWordから出力したPDFのプロパティです。Webページ用に最適化の欄は「いいえ」なので、リニアライズドPDFではありません。

“見た目”そのままのHTML5/SVGに変換して根本的解決

さて、ネットで使うPDFには別の問題もあります。それは、おいおい紹介することにしましょう。それより、もっと未来志向なやり方で問題を解決しませんか?

BuildVuを使ってPDFファイルをHTML5/SVGに変換してサイトにアップすれば、すばやい表示を実現できます。BuildVuはPDFのページデザインを崩すことなく、“見た目”そのままにHTML5/SVGに変換するツールです。PDFのページごとにHTML5/SVGを生成するので、原理的に、見たいページを最短時間で表示できるのです。

ウェブの新しい有力テクノロジーHTML5/SVGを使って、ネットに公開している情報を、もっとユーザに喜んでいただけるように進化させましょう。

BuildVuについて

BuildVuは、雑誌や図面などをHTML5/SVGで“見た目”どおりに表示するツールとして20年以上の実績があります。PDFからHTML5/SVGへの変換ツール、HTML5/SVGビューアは、ぜひBuildVuにお任せください。
PDFからHTML5/SVGへの変換入門は、こちらをご覧ください

ぜひ今すぐにBuildVuで、あなたのPDFファイルをHTML5に変換してみてください。変換と専用ビューアでの閲覧をこちらからお試しいただけます(メールアドレスの登録不要、無料です)
BuildVuオンラインコンバーター※1
https://www.idrsolutions.com/ja/online-pdf-to-html5-converte

※1 開発元のIDRsolutions社の提供するサービスです。

    Facebook
    Twitter
    Email
    公式ブログロゴ

    製品に関する記事や開発者のブログ

    PDFってこうなってる? 実践でPDFの内部構造を学ぼう Part 7:色を操るグラフィックスステート

    今回は、画面に色を付けてみましょう。その過程で、グラフィックスステート(グラフィックス状態)について説明します。PDFファイルには、グラフィックスステートというデータ構造が関連付けられています。このデータ構造には、グラフィックスの描画方法を記述する情報が格納されます。現在の色や使用可能な色などの値がグラフィックスステートに保存されます。また、現在のクリップ、変換行列、線に対して行える面白い操作、ユーザー空間(PDFの座標系)からデバイス空間(モニター)へのグラフィックスの描画方法を変更するその他の命令など、様々な要素が含まれます。

    PDFってこうなってる? 実践でPDFの内部構造を学ぼう Part 6:パスで図形を描こう

    「Part 4: 白紙のPDFページを自作する」で示したように、PDFはストリームオブジェクト内にある一連のコマンドを使って描画されます。これらのコマンドを通じて、PDFビューアーはページ上に表示される全コンテンツを描画する方法を理解できます。この記事では、グラフィックコマンドを探究し、ページ上に数本の線を描画するPDFをテキストエディタで作成します。

    PDFってこうなってる? 実践でPDFの内部構造を学ぼう Part5:Hello WorldのPDFを作ろう

    「Part 1: PDFを理解するための第一歩」で、私はPDFファイルを構成するさまざまなオブジェクトについて説明しました。その中で言及したのがストリームオブジェクトです。ストリームオブジェクトは、PDFページの見た目を記述する命令を全て含んでいます。この記事の最後までに、私たちは「Hello World」のPDFを作成できるようになります。そのためには、PDFドキュメントにテキストを挿入するためのストリームオブジェクトを使う必要があります。

    PDFファイルを扱うシステム開発・ウェブ開発に役立つ

    開発者向けPDF入門ガイド

    開発者向けPDF入門ガイド

    PDFの基礎から応用まで開発者のための入門ガイド2024年版

    PDF の仕様や活用方法など、開発者に必要な情報がコンパクトにまとめました。初めてPDFを扱う開発者にも分かりやすく、基礎から応用までカバーしているため、PDF のポテンシャルを最大限に引き出し、アプリケーション開発やドキュメント管理の効率化を図るための手引きとなるでしょう。技術的な側面に興味がある開発者だけでなく、ビジネスでPDFを有効活用したい方にもおすすめの一冊です。

    MENU
    PAGE TOP
    ロボット
    PDFソフトウェアの開発に役立つ情報をメールでお届けします