PNG の圧縮 Portable Network Graphics 無料 オンライン 安全

PNG ファイルを圧縮する理由

PNG は気前のいい形式です。すべてのピクセルを描かれたとおりに保つので、スクリーンショット、ロゴ、図、鋭い輪郭のあるものには最適ですが、そのぶんファイルは重くなります。最新のディスプレイでの全画面スクリーンショットは、簡単に三、四メガバイトになりますし、大きなグラフィックは十メガバイトになることもあります。そのようなファイルをメールに添付したり、ウェブページに置いたり、サイズ制限のあるアップロードフォームに通したりする必要があると、重さが問題になります。そのとき人は PNG ファイルの圧縮を考えます。仕事に対して十分きれいに見える、より軽いファイルが欲しいのです。

ありがちな理由は実用的です。画像が大きすぎて読み込みが遅いページ。数メガバイトを超える添付を拒否するサポートチケットシステム。スクリーンショットでいっぱいのスマートフォン。いくつかの大きすぎる画像のせいで百メガバイトにまで膨らんだプレゼンテーション。どの場合も、サイズを適切に減らせば、画面上で誰も違いに気づかないまま問題が解決します。

このページでは、PNG ファイルの圧縮をすべてブラウザ内で行えます。画像が端末の外に出ることはないので、個人情報が写ったスクリーンショットや未公開のデザインにも安心です。以下では、サイズがどう減るか、何が保たれるか、劣化のない形式に何を期待できるか、設定の選び方を説明します。

サイズの減らし方

解像度を選ぶ

ここで PNG を圧縮するには、解像度を選ぶと、その設定でより小さな画像が作られます。解像度が低ければピクセルが少なく、ピクセルが少なければファイルは小さくなります。この形式は残すピクセルの中のディテールを捨てないので、これが PNG を縮める確実な方法です。管理するのはピクセルがいくつあるかです。

透明度と縦横比は保たれる

この方法で PNG ファイルを圧縮しても、透明度は保たれます。背景が透けているロゴは、今も背景が透けています。縦横比も保たれ、横長の画像は横長のまま、正方形は正方形のままで、引き伸ばしや切り抜きは一切ありません。画像は単により少ないピクセルで描かれるだけです。

印刷サイズは保たれる

画像が印刷されるサイズも保たれます。変わるのはピクセル数だけです。画像をページに印刷すれば、原本と同じ面積を覆い、ドットの格子がより粗くなります。サイズがピクセルに従う画面では、実寸で見ると画像は小さく見えます。まさにそれがファイルが軽くなる理由です。

なぜピクセル数が重要なのか

PNG のサイズは、多かれ少なかれ、それが持つピクセルの数に従います。3000 × 2000 ピクセルの画像は六百万のピクセルを持ち、1500 × 1000 では百五十万、つまり四分の一です。ファイルサイズはピクセル数にほぼ比例するので、幅と高さを半分にすればファイルはおよそ四分の一になります。だから低い解像度を選ぶことは、PNG ファイルを圧縮する非常に効果的な方法なのです。

劣化のない形式に期待できること

PNG は劣化のないまま

ここで理解すべき肝心な点は、PNG が劣化のない形式であり、ここで圧縮しても劣化のないままだということです。各ピクセルの中身がぼやけたり近似されたりすることはありません。節約はピクセルが少なくなることだけから生まれます。これは、形式そのものがディテールとサイズを引き換えにできる JPG とは異なります。PNG では、ピクセルを減らすことでサイズを減らし、それだけです。

写真は JPG のほうがはるかに縮む

PNG として保存された写真は、同じ写真を JPG として保存したものよりずっと重くなります。PNG は微妙な色合いをすべて保存するのに対し、JPG は目が見逃す色合いを捨てるからです。PNG が実は写真なら、変換するほうがはるかに大きな節約になります。PNG から JPG への変換ツールを使い、必要なら次にJPG を圧縮してください。スクリーンショット、図、ロゴでは、JPG は鋭い縁と単色をぼやけさせるので、PNG のままにします。

どちらか見分ける方法

画像を見てください。実際の風景の写真で、色が徐々に変わり、鋭い輪郭がないなら、JPG のほうが向いています。スクリーンショット、グラフ、ロゴ、あるいは明瞭な縁と単色の領域のある絵なら、PNG が正しい形式で、ピクセルを減らすのがそれを小さくする正しい方法です。

失われるもの

ピクセルが減り、細かなディテールが減る

解像度を下げると、画像を記述するドットが減ります。細い線は少し柔らかくなり、小さな文字は読みにくくなることがあります。適切な設定なら画面ではほとんど気づきませんが、画像に小さな文字が含まれるなら、読まれるサイズで結果を確認してください。

ディテールは戻せない

より高い解像度の設定にしても、なくなったピクセルは復元できません。PNG を圧縮して、後でディテールが必要になったら、原本に戻らなければなりません。だから原本を安全に保管し、常にそこから圧縮してください。

PNG とは何か、なぜ重いのか

PNG は Portable Network Graphics の略です。画像を色付きのドットの格子として保存し、何も捨てずにデータを圧縮するので、開いた画像は、保存されたものとビットごとに同じです。透明度を持てるので、ロゴ、アイコン、インターフェースのグラフィックがこれほど頻繁に PNG で届きます。この正確さの代償がサイズです。JPG なら微妙な色合いを落として容量を節約するところを、PNG はそのすべてを保つので、細部の多い全画面の画像は数メガバイトに達することがあります。

だから人は最初に PNG ファイルを圧縮するのです。この形式は忠実に自分の仕事をしていますが、その仕事はほとんどの用途が求めるより重いのです。解像度を下げて PNG ファイルを圧縮すると、ドットを少なくするよう求めることになり、ファイルはそれに比例して軽くなり、残ったドットは今も完璧に保存されます。

PNG と JPG を簡単に比べる

JPG は劣化があり、写真向けに作られています。PNG は劣化がなく、グラフィック向けに作られています。一般にどちらが優れているということはありません。JPG として保存されたスクリーンショットは文字のまわりがにじみ、PNG として保存された写真は必要な大きさの何倍にもなります。画像に合う形式を選ぶのが戦いの半分で、圧縮がもう半分です。

スクリーンショットの作業手順

スクリーンショットは、人が縮める必要のある PNG ファイルで最も一般的で、少し規律を持つと結果がずっと良くなります。重要なものだけを撮ることから始めましょう。ほとんどのツールで領域を選べるので、ツールバーや雑多なものを除外でき、始める前からピクセル数も減ります。ディスプレイが非常に高解像度なら、スクリーンショットは画面と同じ数のピクセルを持ち、読み手に必要な数よりはるかに多いことを思い出してください。

それから、実際に読まれる幅に PNG ファイルを圧縮します。ヘルプ記事は幅八百ピクセルで画像を表示するかもしれませんし、文書なら千ピクセル前後でしょう。それを超えるものは利益のない重さです。小さすぎにするとまず小さな文字が傷むので、縮小したサイズでスクリーンショットの小さな文字がまだ読めることを確認してください。

圧縮する前に注釈を付ける

スクリーンショットに矢印や枠を描く予定なら、先に元のサイズでそれを行い、その後で PNG ファイルを圧縮します。注釈は画像の一部になり、一緒に縮みます。縮小した画像に書き込むことも可能ですが、小さな画像に描いた線は、本来のサイズで見ると太く見えることがあります。

機密の詳細

スクリーンショットは、名前、メールアドレス、トークン、口座番号など、画面にあるものをすべて写します。圧縮したコピーを共有する前に、プライベートなものがないか探して隠してください。サイズを縮めても詳細は隠れず、小さくなるだけです。作業はお使いの端末上で行われるので、PNG ファイルを圧縮して確認し、それでも何も送らないと決めることができます。

グラフィック、ロゴ、透明度

ロゴや切り抜きグラフィックでは、表示されるサイズに PNG ファイルを圧縮し、将来の利用に備えて大きなマスターコピーを残すのが正しい方法です。透明度は保たれるので、圧縮したロゴはどんな背景にもきれいに乗ります。圧縮した後、結果を色付きの背景に置いて縁を見てください。白で問題なく見えた柔らかい縁が、暗い色の上では縁取りとして現れることがあるからです。

多くのサイズで必要なロゴがあるなら、拡大縮小できるバージョンのほうが役立たないか考えてみてください。ベクターとして保存された絵は、劣化なしにどのサイズでも表示できます。PNG から SVG への変換は、単純な単色のアートワークなら、トレースにつきものの限界はあるものの形をなぞって、異なるサイズの PNG を複数保持する必要をなくします。

アイコンと小さなグラフィック

小さな PNG はめったに圧縮する必要がありません。アイコンが数キロバイトなら、得るものはありません。節約が生まれるのは大きな画像、つまりスクリーンショット、バナー、背景、図、ポスターです。すでに無視できる重さのところではなく、重さのあるところで PNG ファイルを圧縮してください。

ここで PNG ファイルを圧縮する方法

画像を追加する

PNG をページにドロップするか、端末から選びます。ファイルはブラウザ内で読み込まれ、アップロードされません。

解像度を選ぶ

用途に合う設定を選びます。メールやフォームには中程度のもの、ウェブページには表示幅に合うもの、画像を印刷するならもっと大きなものです。

圧縮して比較する

ボタンを押して、より小さなファイルをダウンロードします。使うサイズで原本の隣に並べて開きます。正しく見えれば完了です。柔らかすぎるように見えるなら、原本からもっと高い設定でやり直します。

目的に合わせた設定の選び方

サポートとドキュメント用のスクリーンショット

大きなディスプレイのスクリーンショットは、必要以上に大きいです。読まれる幅、たとえば千から千五百ピクセルほどに縮小すれば、文字は読みやすいまま、サイズは大きく減ります。

ウェブサイト用のロゴとグラフィック

ロゴは通常、数百ピクセルで表示されます。それより数倍大きなバージョンは無駄なバイトです。このように表示されるサイズに PNG ファイルを圧縮し、印刷用にはより大きなコピーを残してください。

透明度のある画像

透明度は保たれるので、圧縮したロゴや切り抜きグラフィックは今もどんな背景にもきれいに乗ります。圧縮した後、色付きの背景で縁を確認し、正しく見えることを確かめてください。

圧縮する前によくある質問

画像は悪く見えますか？

適切な設定ならせいぜいわずかです。ピクセルが少ないと細かなディテールは減りますが、画面ではめったに気づきません。

画質の低下は圧縮によるものですか？

通常の意味ではそうではありません。PNG は劣化のないままです。変わるのはピクセルが少なくなることだけです。

画像はアップロードされますか？

いいえ。すべてブラウザ内で動作し、画像が端末の外に出ることはありません。

写真や BMP ファイルはどうですか？

写真は JPG のほうがはるかに縮むので、写真にはJPG の圧縮を使ってください。BMP ファイルにはBMP の圧縮が、それをずっと小さな PNG にします。

PNG ファイルを圧縮する必要があるのは誰か

ウェブデザイナーとブロガー

適切なサイズの画像でページが速く読み込まれ、訪問者にも検索順位にも役立ちます。

サポートとドキュメントのチーム

スクリーンショットはチケットやマニュアルに入ります。縮小すれば、添付が小さく、ページも軽くなります。

ストレージが足りない人

スクリーンショットのフォルダーはギガバイトに達することがあります。縮小したコピーなら、容量はほんの一部で済みます。

よくある間違い

写真に PNG を使う

写真は JPG のほうがはるかに小さくなります。圧縮する前に変換してください。

原本を削除する

ピクセルは後から復元できません。元のサイズのファイルを残してください。

文字を読めなくする

スクリーンショットを縮めすぎると小さな文字が読めなくなります。読むサイズで結果を確認してください。

関連ツール

画像を文書に入れるにはPNG から PDF への変換を使います。ウェブサイトでより小さなファイルにするにはPNG を WebP に変換します。画像が横向きなら先にPNG を回転し、ラベルを付けるには透かしを追加します。どのサイズでも鮮明なままでなければならない絵には、PNG から SVG への変換が形をなぞります。

PNG ファイルを圧縮するのが適切な場合と、そうでない場合

圧縮が適切なのは、画像がその目的に必要な大きさより大きいとき、つまりメール、ウェブページ、フォーム、チャットのときです。大きく印刷したい、大幅に編集したい、多くのサイズで再利用したいかもしれないアートワークには不適切で、その場合は元のサイズの原本を残し、共有用にだけ小さなコピーを作ってください。また、ファイルがすでに小さいなら無意味です。数十キロバイトの PNG には、もう削れるものがほとんどありません。

スクリーンショット、ウェブサイトのグラフィック、ドキュメントの画像、ストレージの整理など、よくある場面では、ブラウザで PNG ファイルを圧縮するのは手早く、プライベートで、効果的です。元のファイルが変更されることはないので、いつでも別の設定で PNG ファイルを圧縮し直せます。

画像のバッチ

縮小する画像がたくさんあるなら、一枚ずつ PNG ファイルを圧縮し、原本を別のフォルダーに保管します。結果の見た目がそろうよう、すべてに同じ設定を使ってください。まず一枚試して使うサイズで確認すれば、二十枚をやり直さずに済みます。

他の手順との組み合わせ

画像を文書に入れるなら、先に圧縮してから、ピクセルをそのまま保つPNG から PDF への変換ツールで PDF に配置してください。これならこれ以上の劣化なしに、より軽い文書が得られます。ウェブサイトに載せるなら、PNG を WebP に変換してみるのもよく、さらに小さなファイルになることがよくあります。

大きな画像と処理の遅い端末

すべてがお使いの端末上で動作するため、非常に大きな画像はメモリに依存します。一般的なスクリーンショットは問題ありません。ポスターサイズの巨大な PNG は古いスマートフォンでは遅いかもしれません。苦戦する場合は、ブラウザに少し時間を与え、作業中に他のアプリへ切り替えないようにしてください。

結果を適切に確認する

PNG ファイルを圧縮した後は、拡大せず、実際の表示サイズで結果を開いてください。拡大すれば常に柔らかさが見えます。重要なのは、使われる場所でどう見えるかです。そこで問題なければ、圧縮は仕事を果たしており、そこでやめてかまいません。柔らかく見えるなら、原本からもっと高い設定を試してください。

画像はお使いの端末に残ります

圧縮はローカルで行われます。画像はお使いのブラウザが読み込み、そこで縮小して返されます。何もアップロードされないので、サーバー上にコピーはなく、見られる第三者もいません。個人情報の写ったスクリーンショットや未公開のデザインにとって、これが PNG ファイルを圧縮する安全な方法です。

実際の例

3000 × 1800 ピクセル、4 メガバイトのスクリーンショットがあり、サポートフォームは最大でも 1 までしか受け付けないとします。ここにドロップし、幅がおよそ千五百ピクセルになる解像度を選んでボタンを押します。結果は数百キロバイトで、形は同じ、透明度は無傷、文字も読めます。添付すればフォームは受け付けます。原本はあなたのコンピューターに残ります。

PNG ファイルを上手に圧縮するための簡単な手順

画像がどこへ行き、どれくらいの幅が必要かを決めます。原本を安全に保管します。原本から一度だけ、まだ正しく見える最小の設定で PNG ファイルを圧縮し、読むサイズで文字を確認します。それから小さなコピーを送る、アップロードする、公開する。この手順は一分で済み、月に一度でも毎日でも PNG ファイルを圧縮する人にとって有効で、元のサイズのアートワークを、必要になる日まで無傷で保ちます。

ページを閉じる前に

より小さなファイルをダウンロードしたこと、使うサイズで問題なく見えること、原本を残してあることを確認してください。

まとめ

ここで PNG ファイルを圧縮するには、画像をドロップし、解像度を選んで、結果をダウンロードします。透明度、縦横比、印刷サイズは保たれます。PNG は劣化のないままなので、節約はピクセルが少なくなることだけから生まれ、写真は JPG のほうがはるかに縮みます。何も端末の外に出ません。