WebサイトにおけるPDFについて

  • このエントリーをはてなブックマークに追加

こんにちは、石上です。
この1週間でいきなり、年の暮れの雰囲気を感じるようになりました。今回はAdobeのPDFファイルについて話をしたいと思います。
Webサイト以外でも様々なところで色々とお世話になっているPDFファイルですが、今年10年目のファイルフォーマットです。
(ちなみに当社の独自CMS「proG(プログ)」は、PDFはもちろんのことWordやExcelファイルなど様々なファイルのアップロードも簡単にできるCMSです。ご興味のある方は、製品専用サイトを是非ご覧ください)

PDFファイルの主なメリット・デメリット


【主なメリット】
1.ブラウザで閲覧できる
2.Web上からダウンロードして、保存がしやすい
3.セキュリティが高い(閲覧や編集など権限を設けて保護ができる)
4.作りやすい
 ・PC上で印刷に対応したものならば何でも作成できる
 ・スキャナから取りこんだ紙媒体からも作成できる
 ・Microsoft officeから簡単に作成できる

【主なデメリット】
1.ブラウザで開くのに時間がかかる

作成しやすさ、使い勝手などメリットが圧倒的で、デメリットである『閲覧の時間』も容量に注意を払えば特に問題がないですね。
(カタログなど大量のページや写真などの画像を大量に使用したPDFは分割や軽量化の必要がありますが…)

作成する時に注意したいこと

・作成者名に注意
…つい見落としがちですが、作成したドキュメントには作成したPCの作成者名が記録されています。
外部の会社にPDF作成も依頼している場合には注意が必要です。パンフレットや申込書などであれば、それほど気にするレベルの問題ではないと思いますが、CSRなどの機密性・信頼性が重要な資料の場合には注意を払っておきたいところです。
作成者名の確認手順はPDFファイルをダウンロードして、右クリックで「プロパティ」を選択すれば確認することができます。
作成者名以外にも概要などのmetaデータが登録できますので、PDF作成時には注意をすることをお勧めします。

・ファイル容量
…これが一番難しいです。品質(画質)とファイル容量は比例します。
様々な軽量化手段がありますが、Webサイトに掲載するファイルの理想的な容量は数kバイトだと思います。

しかし、パンフレットやカタログなどビジュアルメインの資料ををPDFで掲載する場合には、どうしてもM(メガ)単位になってしまうことが多いと思います。
M(メガ)単位のPDFでは、スマートフォンから3G回線での利用があることを考慮すると厳しい場合がありますので、PDF作成時には容量と画質については検討して、できるだけ軽くした方がよいと思います。
(重すぎて開けない(開くのに時間がかかる)ので、閲覧されなかったという事態になってしまっては意味が無いので…)


PDFはWebでも便利な掲載手段の1つとなっていますが手軽に作れるようになった分、デメリットである「容量」を含めて快適で見やすく工夫・配慮について考えてみてはいかがでしょうか?

執筆者:8bit

関連記事

プログラミング

SharePointではできないこと 4選

「これってSharePointでできないの!?」なんていう瞬間、開発やカスタマイズの現場では意外と多くあります。SharePointはとても柔軟なプラットフォームですが、実は“万能ツール”ではありません。「コードを書けば何とかなる」と思って構築を進めると、モダンページの仕様や制限に阻まれて苦い思いをすることもしばしば。今回は、実際のプロジェクトや運用の中で見えてきた「SharePointではできないこと」をまとめて紹介します。 目次1 1.CSSとJSが直接使えない1.1 ク […]

Webサイト制作

WordPress納品後にクライアントが安心して運用できる仕組みづくりをしよう

ホームページ制作において、更新機能を手軽に導入できるのがWordPressです。 専門知識がなくても記事の投稿やページ編集を行いやすい一方で、クライアントが自分で運用するには、が欠かせません。 今回は、そのための仕組みづくりについてご紹介します。 制作側の方はもちろん、クライアント側でホームページ運用を担当される方も、制作時のご相談などにぜひ参考にしてみてください。 目次1 管理画面のロゴを企業ロゴに変更する2 管理画面のURLを変更する・認証などを付けてセキュリティ面を強化 […]

Webデザイン

アプリのロゴアニメーションをAfter Effectsで作成→Lottieに変換【iOS/Android対応】

こちらは、当社でリリースしたアプリ「ピンピタ」で使用しているロゴアニメーションです。 スプラッシュ画面でロゴが動くと、ぐっとアプリらしい印象になりますし、作ってみたいですよね。 今回は、After Effects(以降AE)でロゴアニメーションを作成し、アプリに組み込むまでをご紹介します。 AEと聞くと難しい印象がありますが、PremiereやFlashなどを触った経験がある方なら、すぐに慣れます。 もう一度再生 目次1 作業フロー1.1 注意点:グラデーションが使用不可2 […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。