コンテンツへスキップ
PDF Editor

PNGをPDFに変換する方法 — スクリーンショットや図をくっきりと

最終更新日

PNGは、スクリーンショットを撮ったとき、グラフを書き出したとき、輪郭のくっきりしたグラフィックを保存したときに得られる形式です。JPGと違って可逆圧縮なので、テキストや細い線が圧縮でにじむことなくくっきりしたまま残ります。だからこそ、スクリーンショットや図を読みやすいPDFにまとめたいときの出発点として、PNGが適しています。

このガイドでは、無料の画像からPDFツールを使い、ブラウザ内で直接PNGファイルを1つの文書にまとめます。何もアップロードされません。よくある用途としては、レビュー用に並べたUIのスクリーンショット、レポート用に書き出したグラフ、あるいは1枚の画像のままではなく印刷・共有できるファイルとして誰かに渡したいグラフィックなどがあります。

PNG特有の癖として知っておく価値があるのが透明部分です。PNGがPDFのページになるとき、透明部分がどうなるかも解説します。

手順

  1. 1

    画像からPDFツールを開く

    ブラウザで画像からPDFツールにアクセスします。PNG、JPG、WebPに対応しており、すべての処理は端末上で行われます。アップロードもアカウントも不要です。

  2. 2

    PNGファイルを追加する

    スクリーンショットやグラフィックをドロップ領域にドラッグするか、クリックして選択します。各PNGが最終的なPDFの1ページになります。

  3. 3

    ページの順序を整える

    上下矢印を使い、話の流れが伝わる順序にスクリーンショットを並べます。手順1が手順2より前に来るようにします。

  4. 4

    PDFを生成する

    「PDFを作成」をクリックします。ツールは各画像を、その画像の寸法に合わせた独立ページに配置し、結合されたファイルを端末内で作成します。

  5. 5

    文書をダウンロードする

    PDFは自動的にダウンロードされます。内容がわかるファイル名に変更しておけば、後から見つけやすく、開いた相手にも一目で内容が伝わります。

  6. 6

    ページがくっきり表示されるか確認する

    PDFを開き、テキストの部分をズームして確認します。PNGは文字をくっきり保つため、ダッシュボードやコード、規約のスクリーンショットも読みやすいままのはずです。

コツ

  • 画像にテキスト、UI、くっきりした線が含まれる場合は、JPGよりPNGのほうが適しています。JPGの圧縮はまさにこうした輪郭をぼかしてしまいます。
  • PNGの透明な部分は、PDFのページになると透明のままではなく、白い背景の上に描画されます。透明な背景でデザインしたロゴがある場合、白い背景の上に乗る形になりますが、たいていは問題ありません。
  • ページ全体のスクリーンショットは縦に細長くなりがちです。変換自体は問題なくできますが、ページの大部分が余白にならないよう、重要な部分だけをトリミングすることも検討しましょう。
  • 同じ画像でもPNGファイルはJPGより容量が大きくなります。高解像度のスクリーンショットが何枚も続くとPDFはかなり重くなるので、メールで送るなら圧縮しましょう。
  • 各画像のサイズに合わせたページではなく、統一されたページサイズ(すべてA4に収める、など)にしたい場合は、PDF Editorアプリでその調整が可能です。

スマホで試す

スクリーンショットはスマホの中に溜まりがちです。PDF Editorアプリなら、その束を数タップで1つのPDFにまとめられ、共有する前に重要な部分に注釈やハイライトを入れることもできます。外出先での不具合報告や簡単なレビューに便利です。

よくある質問

  • PNGは可逆圧縮なので、テキスト、スクリーンショット、図がくっきりしたまま保たれます。JPGは非可逆で細い輪郭がぼやけます。画像に文字やUIが含まれる場合、PNGのほうがきれいなPDFになります。

PDF Editorアプリ

PDF Editorをいつでも手元に。

iOSとAndroidで無料。