PNGとは、「Portable Network Graphics」の略称で、主にWebで使用されることを目的に開発された可逆圧縮形式の画像フォーマットの一種です。 今回はPNGに焦点を当て、その概要や特徴、メリット・デメリット、画像変換ツールなどをご紹介します。気になるポイントを一挙確認してしまいましょう。

PNGとは？

PNGとは、「Portable Network Graphics」の略称で、主にWebで使用されることを目的に開発された可逆圧縮形式の画像フォーマットの一種です。

PNGは1996年にGIFの代替として開発され、後にW3CやIETF、ISOなどの標準化団体によって規格化されました。

当初、画像フォーマットといえばGIFが主流でしたが、2000年代初頭には主要なWebブラウザや画像編集ソフトなどがPNGに対応し、標準的に利用される画像形式の1つとなりました。

【PNGの基礎情報】

PNGの形式

PNGには、3つの形式(「PNG-8」「PNG-24」「PNG-32」)があります。

後ろの数字(8、24、32)は、PNGで扱えるデータ量を表し、「PNG-8」は「8bit分のカラーが扱えますよ」という意味です。

bitの計算は「2のn乗」で計算をするため、8bitでは「2の8乗＝256色」、24bitでは「2の24乗=約1677万色」になります。

しかし、注意点としては32bitが「2の32乗」ではないということです。
実際は「24bitの色数 + 8bitの透明」の形式になります。

なお、保存後の拡張子はどれも「.png」です。

【「PNG-8」「PNG-24」「PNG-32」の違い】

PNGのブラウザの対応状況

以下は2022年2月現在、PNGに対応しているブラウザです。
基本的にほぼ全てのブラウザに対応していますが、PNGを活用する際は必ず確認しましょう。

【参考｜PNG alpha transparency】

【参考｜PNG favicons】

PNGの特徴・メリット

ここでは、PNGの特徴・メリットについて3点解説します。

可逆圧縮の画像形式

PNGは可逆圧縮の画像形式です。

元々の画像データを削除をせずに画像圧縮するため、画像を加工しても画質が劣化しないだけでなく、画像編集後でも原画に戻すことができます。

色数を選択できる

PNGには、「PNG-8」「PNG-24」「PNG-32」の3形式があります。
そのため、制作する画像に応じて、色数を選択でき、細かい色彩表現やグラデーション表現が可能です。

背景透過が可能

PNGは、背景透過が可能です。

そのため、背景の不要な部分をカットできます。
また他の画像に背景透過した画像を重ねると、透明部分に画像が差し替わり、グラデーション表現を作ることもできます。

PNGのデメリット

ここでは、PNGのデメリットについて2点解説します。

ファイル容量が重くなりやすい

PNGは、扱える色数が多い画像形式のため、編集した画像のファイル容量が重くなりがちです。

画像のファイル容量が重いとサーバーへのデータ転送量が増えるため、Webページの表示速度が遅くなります。
Webページの表示速度が遅いということは、それだけユーザーにストレスを与えることに繋がり、SEOの観点から見てもマイナス要因となるため、使用には注意が必要です。

なお、別の画像ファイル形式JPEGは、PNGよりもファイルサイズを軽量化できるため、大量に画像データを保存したい場合やSEOを優先するのであればJPEGを使用しましょう。

ページスピードとは？改善方法やSEOの影響、チェック方法

ページスピードとは、インターネットにて、ユーザーがWebページにアクセスしてから、そのページのコンテンツがブラウザに表示されるまでの時間のことです。 今回はページスピードに焦点を当て、その概要や重要性、確認方法、具体的な施策などをご紹介します。気になるポイントを一挙確認してしまいましょう。

古いブラウザで表示されないことがある

PNGは、1996年に開発された比較的新しいタイプの画像形式です。

そのため、あまりにも古すぎるブラウザや定期的なアップデートが行われていないWebサイトでは、表示されない場合があるため、あらかじめ把握しておきましょう。

PNGとJPEG、GIFの違い

PNGと似たような画像形式にJPEGやGIFがあります。

似ている画像形式が複数ある場合、どれを使用したら良いか迷いますよね。

ここでは、それぞれの違いについて比較します。

JPEGとは？PNGやGIF、PDFとの違いや変換ツールなど紹介！

JPEGとは、「Joint Photographic Experts Group」の略称で、非可逆圧縮方式の静止画像データフォーマットの一種です。 今回はJPEGに焦点を当て、その概要や特徴、メリット・デメリット、画像変換ツールなどをご紹介します。気になるポイントを一挙確認してしまいましょう。

GIFとは？JPEG・PNGとの違いや作り方、作成・変換ツール

GIFとは、「Graphics Interchange Format」の略称で、可逆圧縮方式の画像フォーマットの一種です。 今回はGIFに焦点を当て、その概要や特徴、メリット・デメリット、画像変換ツールなどをご紹介します。気になるポイントを一挙確認してしまいましょう。

PNGファイルへの変換ツール

ここではPNGファイルへの変換ツールについて解説します。
PNGファイルへの変換は、Advanced Batch Image ConverterやImage Tunerなどの画像編集ソフトがおすすめです。

Advanced Batch Image Converter

Advanced Batch Image Converterは、多彩なファイル形式(JPEG/GIF/PNG/WebP/BMPなど)に一括変換できる無料画像変換ソフトです。

ただし、画像変換以外の編集や加工は、基本的にできないため、もし画像を編集したい方は、次でご紹介するImage Tunerを使用しましょう。

【Advanced Batch Image Converterを使用するメリット】

【公式サイト：Advanced Batch Image Converter】

Image Tuner

Image Tunerは、複数の画像ファイルを一括変換できる無料画像変換ソフトです。

フォーマット変換、サイズ変更、名前変更、反転、回転、ウォーターマークの追加などの処理を複数の画像ファイルに対して一括処理を行うことができます。

デメリットとしては、Macユーザーしか使用できないという点です。
そのため、Windowsを使用している方は、Advanced Batch Image Converterを使用しましょう。

【Image Tunerを使用するメリット】

【公式サイト：Image Tuner】

SEOに効果的な画像形式は？

SEO対策をしており、どの画像形式を使用するか検討している方は「AVIF形式」がおすすめです。
AVIFは、PNGやJPEG、GIFと同様の品質でありながら、ファイルサイズが非常に軽いです。

SEOでは、画像のファイルサイズが重いと、ページの読み込み速度が遅くなるため、評価がマイナスになります。
また、ファイルサイズが軽くても低品質だとユーザビリティが悪くなり、SEOにとってマイナスです。
そのため、ファイルサイズが軽く高品質なAVIFのような画像形式が好まれます。
気になる方は、以下の記事をご覧ください。

AVIFとは？JPG変換の方法やフリーソフト、ビューアを解説！

2019年2月にリリースされた次世代型画像ファイル形式AVIFですが、一体どのようなものなのでしょうか？このページではAVIFの概要だけでなく、メリット・デメリット、将来性などについてもご紹介します。気になるポイントをここで一挙に確認していきましょう。

SEOとは？基礎知識と初心者がやるべき対策をわかりやすく解説

自社サイトの流入数を増やし、ビジネスを成長させるにはSEO対策(検索エンジン最適化)が欠かせません。このページでは初心者の方でもわかりやすいように、「SEO対策がそもそもどのようなものなのか？」を解説します。基本的な概念をどこよりもわかりやすくご紹介するので、SEO対策を検討されている方はぜひ参考にしてみてください。

PNGで画像を圧縮し、わかりやすい画像制作に励もう！

このページではPNGの概要や特徴、メリット・デメリット、画像変換ツールなどについて解説しました。

PNGは、可逆形式の画像フォーマットです。
選択できる色数が多いだけでなく、背景浸透も可能、画像加工しても劣化しないという強みを持っています。そのため、文字や図が含まれるような編集を複数回要する画像制作に適しています。

しかし、鮮明な画像を制作できる分、画像ファイルの容量が重くなりがちです。
できるだけファイルサイズを軽くしたいという方は、別の画像形式(JPEGやGIFなど)をおすすめします。

「画像拡張子」やSEOでお悩みの場合は株式会社ipeにご相談ください。株式会社ipeではSEOでの大手クライアント実績多数！SEOを検討する際にはぜひ一度ご相談ください。