画像ファイル形式には様々な種類がありますが、画像を使用した資料の作成やwebページの作成など、どの場面でどの画像ファイル形式が適しているのかお悩みの方も多いと思います。

本記事ではそのような方に向けて、画像ファイル形式の違いと特徴を解説していきます。

目次[非表示]

画像ファイル形式とは画像を保存するときのファイルの種類のことで、画像フォーマットとも呼ばれることもあります。代表的なものには「jpg」、「png」などがあります。このとき表示される「jpg」、「png」など、「ファイル名.(ドット)〇〇〇」とドットの後に表示される文字列を拡張子と呼びます。

画像ファイル形式の種類には大きく分けて、ベクター画像とビットマップ画像があります。ベクター画像は図形や線を数値化し表示されます。メリットは画像の拡大、縮小されたときに画質が劣化しないことです。そのため様々なサイズで表示するロゴやアイコンなどに使われます。デメリットは色彩豊かな写真などの画像には多くのデータ量を要してしまうことです。

ビットマップ画像はピクセルという色の点の集まりで表示されます。メリットはピクセルの数を多くもつことで、細かな色彩表現が可能なことです。そのため写真に使われます。デメリットは画像の拡大で画質が劣化してしまうこと、また解像度をあげると多くのデータ量を要してしまうことです。

拡張子とはファイルがどの形式で保存されているか判断するための文字列です。以前は３文字以内で拡張子を表示しないといけませんでしたが、現在では４文字の表記も可能となりました。そのため、「jpg」と「jpeg」のように同じファイル形式でも拡張子が２つある場合があります。どちらを使っても問題ありません。

画像ファイル形式には様々な種類があり、今回は次の11種類について詳しく紹介していきます。①JPG②PNG③GIF④TIFF⑤SVG⑥WebP⑦EPS⑧PSD⑨BMP⑩RAW⑪HEIF

JPGとはJoint Photographic Experts Groupの略称で、「ジェイペグ」と読みます。写真などの色の種類が多い画像の場合に適しています。「jpg」と「jpeg」の２つの拡張子がありますが機能は変わりません。

JPGのメリット・デメリットについてそれぞれ解説していきます。

1677万色のフルカラーに対応しており、写真などの繊細な色の表現ができるのがメリットです。

JPGは大きな画像ファイルでも圧縮して容量を小さくすることができます。人の目では判別できない小さなデータを切り捨てて保存することで、見た目を維持したまま圧縮できます。また圧縮率を指定することも可能なので、画質を調整することができます。

パソコンやスマホ、カメラなどの機器で扱うことができ、また様々なアプリや画像編集ソフトでも対応していることが多いため、汎用性が高いことがメリットです。

非可逆圧縮のため、圧縮するたびに不要なデータを削除してしまうため、一度圧縮すると元に戻せません。

ファイルを圧縮して保存する形式のため、保存するたびに画像が劣化します。編集など保存を繰り返すのには向いていません。圧縮率を調整して低圧縮にすることも可能です。

背景透過ができないため、透過したい場合はPNG形式にする必要があります。

色数が多いので、写真など細かい色の表現やグラデ―ションを表現するものに向いています。ロゴやイラストなどはっきりしたものは境目が曖昧になるので、あまり適していません。保存のたびに劣化するので加工や編集には向いていません。

PNGとはPortable Network Graphicsの略称で、「ピング」と読みます。ビットマップ形式の画像データを保存する形式の一つです。拡張子は「.png」です。JPGやGIFに比べると新しい画像ファイル形式で、JPGとGIFの良いところを持ち合わせた形式になります。

PNGのメリット・デメリットについて説明していきます。

PNGには「PNG32」「PNG24」「PNG8」という3種類があり、「PNG8」以外はJPGと同様、1677万色のフルカラーに対応しています。「PNG８」はGIFと同様に256色を扱える形式です。

JPGとは異なり可逆圧縮のため、一度圧縮しても復元できます。

JPGではできない背景透過ができます。また「PNG32」「PNG24」では透明度の調整もできます

画像の保存を繰り返しても劣化しませんが、写真など色数が多いものは容量が大きくなります

ロゴやイラストに適しています。加工や編集しても劣化しないため、編集作業が必要なものに向いています。JPGよりファイル容量が大きくなる傾向があるため、Web表示に時間がかかります。

PNGはロゴやイラストなど塗りつぶしが多い画像に向いていますが、JPGはグラデーションなど色彩の細かい写真に向いています。よく比較されるPNGとJPGの違いについて、下記の表にまとめていますので、ご覧ください。

PNGとJPGの違い

PNG

JPG

主な用途

ロゴ、イラスト

写真

背景透過

できる

できない

圧縮方法

可逆性圧縮

非可逆圧縮

ファイルサイズ

重い

軽い

ダウンロード

遅い

速い

GIFとはGraphics Interchange Formatの略称で、「ジフ」と読みます。ビットマップ形式の画像データを保存する形式の一つです。拡張子は「.gif」です。シンプルなロゴ、アニメーション動画も作成できます。

GIFのメリット・デメリットについて解説していきます。

複数の画像情報をもつことができ、パラパラ漫画のようなアニメーションを表示することができます。アイコンをアニメーションにしたり、数秒の動画に向いています。

色数が256色と限られているので、単純なロゴやイラストに向いており、容量が小さいのがメリットです。

PNGと同じく可逆圧縮のため、一度圧縮しても復元できます。

背景透過が可能ですが、PNGのように半透明にはできません。

最大256色しか使えないため、グラデーションなどの色数が多い画像には向いていません。

GIFは簡単なアニメーションを作成できるので、SNSのスタンプ、広告などに使われています。また単純なイラストやロゴにも適しています。

TIFFはTagged Image File Formatの略称で、「ティフ」と読みます。ビットマップ形式の画像データを保存する形式の一つです。拡張子は「.tif」または「.tiff」です。正式名称に「Tagged」とある通り、TIFFはタグというメタデータを使用して情報を格納します。タグの情報によってさまざまな画像を表現することができます。

ここではTIFFのメリット・デメリットについて解説します。

TIFFは非圧縮またはロスレス圧縮を使用するため、画像の品質を劣化せずに、高い解像度を維持することができます。非圧縮は元データがそのまま保存されるため、品質の損失がありません。ロスレス圧縮は、データサイズを削減するために圧縮アルゴリズムを使用しますが、元データを正確に再構築できるため、圧縮されたファイルを展開すると元の情報を損失することなくデータを復元することができます。

TIFFはマルチページを構成できるため、複数の画像やドキュメントを1つのファイルにまとめることができます。そのため、ファイルの整理や管理、検索が容易になります。また、ページごとにタグを設定できるため、画像のサイズや圧縮方法、カラー形式などを独立して決めることができます。

解像度が高いのがメリットである一方で、その分ファイル容量が大きくなってしまいます。容量が大きいため、編集作業をしたり共有して利用するのには向きません。保管するにも大容量のストレージが必要になるのがデメリットです。

データ容量が大きいため、Webページの読み込み速度を遅くする可能性があるため、Web上での表示には向きません。Webで使用したい場合は、JPGやPNGへの変換が必要です。

TIFFは画像を高品質で保つことができ、さまざまな画像編集ソフトや印刷機で使用することができるファイル形式であるため、印刷物に向いています。印刷業界でも一般的に使われているフォーマットです。

SVGはScalable Vector Graphicsの略称で、「エスブイジー」と読みます。ベクター形式の画像データを保存する形式の一つです。拡張子は「.svg」または「. svgz」です。ベクター画像は文字やグラフなどの図形で表現されます。

ここではSVGのメリット・デメリットについて解説します。

Webサイトで画像を拡大縮小しても画質が劣化しません。SVGは表示するたびに画像の数値データを演算して表示するため画質が維持されます。

画質が維持されたまま拡大縮小が可能な上、直線や曲線の輪郭がはっきりしている簡単な画像であれば容量も小さいのがメリットです。GIFよりも容量を小さくすることできます。

SVGを使用すれば、１つの画像データで、パソコン、スマートフォンなどの様々なサイズに表示することが簡単に可能になります。

XMLベースのテキスト情報をもっているため、テキストエディタで情報を書き換えることで、色や形の変更ができます。

風景写真のように色数が多かったり、単純な直線や曲線でない場合は記憶する情報量が多いため、データ容量も大きくなってしまうため写真には向いていません。

SVGなどのベクター画像をJPGなどのビットマップ画像の形式で一度保存してしまうと、ベクター画像に戻すことはできません。

先ほど述べた通り、XMLベースのテキスト情報をもっているため、CSSで色を変更したり、JavaScriptで動的に図形を変化させたりできますが、コードに関する知識が必要となるのがデメリットです。

色数が少ないシンプルなロゴや地図などの画像に向いています。画像内に文字がある地図などはテキストエディタで文字を書き換えることができるので特に向いています。最近では表示できるブラウザが増えたので、ホームページにも使われるようになってきています。一方で風景写真のように色数が多い画像には向いていません。

WebPは「ウェッピー」と読み、ビットマップ形式の画像データを保存する形式の一つです。拡張子は「.webp」です。WebPはGoogleが開発した新しい画像形式です。

ここではWebPのメリット・デメリットについて解説します。

画質を保ったまま容量が小さくできるため、Web上での表示速度が速くなります。またほかのファイル形式に比べても容量が小さいのがメリットです。

JPG・PNGのように背景透過ができます。また透過処理をしても容量を小さいまま保存できます。

GIFのようにアニメーションを作成できます。またGIFと異なり、フルカラーに対応しているため、豊富なアニメーション表現ができます。

新しい画像形式なため、古いブラウザ、一部アプリケーションには対応していません。主なブラウザのGoogle Chrome、Microsoft Edge、FireFoxなどには対応しています。

容量が小さく透過やアニメーションにも対応しているJPG、PNG、GIFのメリットをもち合わせています。また容量が小さく、表示速度が速いのでWeb上の画像にも向いています。

EPSはEncapsulated PostScriptの略称で、「イーピーエス」と読みます。ベクター画像とビットマップ画像に対応しており、拡張子は「.eps」または「.epsf」です。EPSはPhotoshopやIllustratorで扱われる画像形式です。Adobe社がクオリティの高い印刷のために開発しました。

ここではEPSのメリット・デメリットについて解説します。

可逆圧縮のため拡大・縮小をしても画像の解像度が維持できます。

EPSは解像度の高い実際のデータと解像度の低いプレビューデータ（ベクトルデータ）の両方をもち合わせています。そのため、パソコンでの作業はプレビューデータで行い、印刷などは実際のデータで行うことができます。

Adobe社のPhotoshopやIllustratorでしか開いたり、編集ができないため、ソフトをもっていないと使用できません。

印刷物に向いており、様々なサイズに変更しても高解像度で表示ができます。

PSDはPhotoshop DataまたはPhotoshop Documentsの略称で、「ピーエスディー」と読みます。ビットマップ形式の画像データを保存する形式の一つです。拡張子は「.psd」です。Adobe社のPhotoshopのファイル形式です。

ここではPSDのメリット・デメリットについて解説します。

レイヤーやパスなどの単位で編集が可能で作業中でも保存できるため、編集作業を途中から再開できます。

Adobe製ソフトでないと開くことができないため、汎用性が低いのがデメリットです。

Webサイトのデザイン制作や写真の補正に使用されます。PSDのままではWeb上にアップすることができないため、JPG・PNG等への変換が必要となります。

BMPはMicrosoft Windows Bitmap Imageの略称で、「ビットマップ」または「ビーエムピー」と読みます。DIBと呼ばれることもあります。ビットマップ形式の画像データを保存する形式の一つです。拡張子は「.bmp」または「.dib」です。Windows上で利用されるファイル形式です。

ここではBMPのメリット・デメリットについて解説します。

非圧縮のため、何度編集しても画質が劣化しません。保存用として使用したり、解像度の高い画像を編集するのに向いています。

BMPは非圧縮のため容量が大きくなるのがデメリットです。データ共有やWebサイトにも向いていません。

RGB対応のため、印刷に適しておらず、高画質な画像の表示、データの一時的な保存、原本の保存に向いています。

RAWはRead After Writeの略称で「ロウ」と読みます。RAWの言葉自体が「生の、そのままの」という意味があります。一眼レフカメラなどで撮影された写真を圧縮せずにそのまま保存するファイル形式です。カメラのメーカーごとに拡張子が異なります。

ここではRAWのメリット・デメリットについて解説します。

RAWは写真を撮ったそのままの状態なので多くの情報をもっており、露出や白色バランスなどが自由に設定ができます。

圧縮されていないためデータの損失がないため、高画質なのがメリットです。

高画質なため、データサイズが大きいことがデメリットにあります。用途に応じてJPGなどに変換が必要になります。

RAWファイルの表示には専用のソフトが必要になります。各カメラメーカーが提供しているソフトなどもあります。

写真を撮ったそのままの状態のデータとなるため、自分の好みの色味などに変更できるためクオリティの高い写真の編集に向いています。

HEIFはHigh Efficiency Image File Formatの略称で、「ヒーフ」と読みます。拡張子は「.heic」または「.heif」です。iOSではiOS11から、iPadOSではiPad第6世代以降の端末から、写真の保存形式がHEIFになり一般的に広まりました。

ここではHEIFのメリット・デメリットについて解説します

圧縮性に優れており、高画質のままJPGの2分の１のデータサイズまで圧縮できます。そのため、iPhoneなど限られた容量に多くのデータを保存することができます。

HEIFは一部のWebサービスやWindows PCに非対応なため、JPGへの変換が必要になる場合があります。iPhoneから取り込んだ画像が開けない場合は、拡張子がHEIFの場合があります。iPhoneの設定で、HEIF形式での保存ではなくカメラで撮影した画像をJPG形式で保存することも可能です

限られたデータ容量に多くの写真データを保存したい時に適しています。ただ非対応の場合もあるため、その場合はJPGへの変換が必要になります。

WindowsとMacでのリサイズ方法を説明します。

Windows10では下記３つのアプリが標準搭載されているので、それぞれリサイズする方法を説明します。・フォト・ペイント・ペイント3D

画像サイズを変更したいファイルをフォトアプリで開きます。フォトアプリの画面左上の「…」をクリックし、「画像のサイズ変更」をクリックします。画像ファイル形式を用途に合ったものに選び、サイズについては任意のものに変更し、保存ボタンを押して保存先を指定して完了です。

画像サイズを変更したいファイルをペイントアプリで開きます。ペイントアプリの画面上部のメニューから「サイズ変更」をクリックします。任意のサイズに変更して、OKボタンを押してください。メニューバーの「ファイル」から「名前を付けて保存」をクリックして、保存先と画像ファイル形式を選択して保存ボタンを押して完了です。

画像サイズを変更したいファイルをペイント３Dアプリで開きます。ペイント３Dアプリの画面上部のメニューバーより「キャンパス」をクリックします。右側に表示される画面より任意のサイズに変更してください。左上の「メニュー」から「名前を付けて保存」をクリックして、ファイル形式を「画像」で選択し、保存先と画像ファイル形式を選択して保存ボタンを押して完了です。

Macではプレビューアプリが標準搭載されているので、そちらを使ってリサイズする方法を説明します。

画像サイズを変更したいファイルをプレビューアプリで開きます。コンテキストメニューで「ツール」タブから「サイズの調整」 をクリックします。「画像の再サンプリング」をクリックします。画像ファイルのサイズを変更する場合は、再サンプリングをチェックする必要があります。サイズが変わらない場合もあります。解像度の項目に小さい値を入力すると、下部に画像が表示されます。

用途によって画像ファイルの形式の変換が必要になる場合があります。ここでは画像ファイル形式の変換方法について説明していきます。

Windowsではフォト、ペイント、ペイント３Ｄの３つのアプリがあり、それぞれ書き出せるフォーマットが異なるので変更したい形式があるものを選びます。変換したい画像をアプリで画像を開き、「名前を付けて保存」から任意の画像ファイル形式を選択して、保存します。

Macではプレビューアプリで画像を開き、「ファイル」から「書き出し」をクリックし、任意の画像ファイル形式を選択して、保存します。

Windows、Macの標準搭載のアプリでは対応していない画像ファイル形式に変換が必要な場合は、Webサイトに画像をアップロードして変換できるサイトがあります。

フリーソフトを利用して、画像ファイル形式の変換、画像の編集ができます。

有料ソフトやアプリを利用して、画像ファイル形式の変換、画像編集ができます。Adobe製品などを利用しないと開けないファイルには有料ソフトが必要になります。

ここまで、画像ファイル形式の種類と特徴について解説してきました。本記事を参考に、用途に応じてふさわしい画像ファイル形式を選んで使用してください。

画像を使用した社内研修を実施している教育担当者様は、eラーニングプラットフォームの「SAKU-SAKU Testing」がおすすめです。SAKU-SAKU Testingでは、PNG、JPG、GIF形式の画像を搭載することができるので、自社にあった研修コンテンツを作成することが可能です。

また、画像を使う社内試験や各種検定を実施しているご担当者様には、オンラインテストを正確かつ安全に実施できるCBT（Computer Based Testing）システムの「MASTER CBT PLUS」がおすすめです。こちらもPNG、JPG、GIF形式の画像を搭載することが可能です。

社内研修の運用に課題を感じているご担当者様や、昇格・昇進試験、また新しく検定を立ち上げたいとお考えのご担当者様は、テストと教育のDX化を支援しているイー・コミュニケーションズに​​​​​​​お問い合わせください。