「 ファイル形式 」って何?JPEGやPNGなど12の画像ファイル形式の読み方と特徴。
■「 ファイル形式 」って何?
『 ファイル形式 』とは、コンピュータ上でデータを保存するためのルールや仕組みみたいなものです。
(※『 ファイルフォーマット 』とも呼ばれています。)
テキストや画像、音声などの様々な種類があり、それぞれの形式に特徴があります。
■ 画像ファイルにはいろいろな形式がある。
例えば、イラストや漫画の場合は「 WEBに公開するだけ 」か「 印刷物にする 」かで保存ファイル形式( 保存する手段 )が異なる場合があります。また、各ソフトウェア独自のファイル形式もあります。
アプリや機器同士が合わないと、ファイルを見たり編集したりできない事がありますので、趣味で使用する際はまだしも、仕事やKindle出版などの入稿データの際は目的に合わせて最適なファイル形式を選択・提供することが求められます。
■「 ファイル形式 」は一目でわかるようになっている。
ファイルの種類をファイル名から識別できるように、各データを保存する際に、ファイル名の末尾に「 拡張子 」が続きます。
例えば、『 イラスト.jpg 』と言うファイルの場合、最後にある「 .jpg 」がそのファイルの拡張子です。
様々な拡張子が存在し、それぞれ そのファイルがどんな種類のデータを含んでいるかを示しています。
■ 拡張子はSNS投稿で使う「 タグ 」みたいなもの。
この拡張子を理解し、ファイルの種類を簡単に見分ける事ができるようになれば、クリエイター活動をする際などにとても便利だと思います。
例えば、イラストや写真などを用途に合わせて保存する事で画像の劣化を防ぎ、データ容量の無駄が減ります。( → スマホのストレージ容量を節約できる! )
ファイル容量を抑えることでWEBページの読み込み速度を向上させ、通信費を下げられる可能性だってあります!
■ とりあえず、基本と読み方
【 WEB上で公開できるファイル形式 】
よく使われる基本のファイル形式は 「 JPEG形式 」・「 PNG形式 」・「 GIF形式 」の3種類です。
① JPEG( JPG )
「 ジェイペグ 」or「 ジェーペグ 」と読む。
Joint Photographic Experts Groupの略。
写真画像・イラスト( 特にリアルテイストの絵 )に最適な保存形式。
多くのデジカメやスマホでJPEG形式保存がデフォルトになっている。
普及率が高く、ほとんどのデジタルデバイス、ソフトウェアでサポートされている( → 保存時と異なるソフトやアプリでも編集や閲覧ができる。)
色情報を1670万色(フルカラー)持てる。
再編集すると画像が劣化してしまう。
背景を透過できない。
Q. 「 JPEG 」と「 JPG 」の違いは?
違いはありません。全く同じもので読みも同じです。
「 JPG 」は「 JPEG 」をさらに略しているだけなんです!
② PNG
「 ピング 」or「 ピーエヌジー 」と読む。
Portable Network Graphicsの略。
背景が透過できる。
背景が無いイラストに最適な保存形式。
LINEスタンプはPNG形式で作成!
色情報を1670万色(フルカラー)持てる(※PNG-24)。
画像を圧縮しない分、画質劣化しないがファイルサイズが大きくなる。(※ JPEGよりキレイに保存できるが容量が大きめになる。→WEBで表示速度が遅くなったりする。)
PNG-8とPNG-24の2種類ある。
➂ GIF
「 ジフ 」 or 「 ギフ 」と読む。
Graphics Interchange Formatの略。
容量が軽い。
背景が透過できる。
色情報は256色までしか持てない。
色数の少ないシンプルなイラストに最適な保存形式。
動く画像が作れる(→GIF動画 )。
パラパラ漫画のような短いループ動画には向いてるが、複雑な長編アニメには不向き。
④ SVG
「 エスブイジー 」と読む。
Scalable Vector Graphicsの略。
ベクタ形式のデータ。
拡大・縮小しても画質が劣化しない。
テキストエディタで編集が可能。
HTML内に埋め込んで利用できる。
ロゴやアイコン、地図画像に向いてる保存形式。
写真や風景画などの高画質のデジタル画像には不向き。
スマートフォンでもPCでも同質の画像を表示できる。
アニメーション表現も可能。
【 印刷で使用するファイル形式 】
印刷用データは解像度の設定も大事ですが、この記事では引き続き、読み方と基本的な特徴だけを記載しますね。
⑤ PSD
「 ピーエスディー 」と読む。
Photoshop Documentの略。
Adobe Photoshopの専用ファイル形式。
他のグラフィックソフトでもPSD形式の保存と編集ができる場合がある。(「 CLIP STUDIO PAINT 」、「 メディバンペイント 」、「 SAI 」が可能のようです。)
作品のレイヤー構造を維持して保存が可能。
画像が劣化しない。
⑥ AI
「 エーアイ 」 or 「 アイ 」と読む。
Adobe Illustratorの略。
Adobe Illustratorの専用ファイル形式。
主にベクターグラフィックス(線や形状)を保存するための形式。
作品のレイヤー構造を維持して保存が可能。
拡大・縮小しても画質が劣化しない。
対応ソフトが少ない( Illustrator以外のソフトでは開けない。 )
⑦ EPS
「 イーピーエス 」と読む。
Encapsulated PostScriptの略。
主にベクターグラフィックス(線や形状)を保存するための形式。
主に 「 Photoshop 」「 Illustrator 」で制作・編集が可能。
拡大・縮小しても画質が劣化しない。
看板、大判ポスターなどに向いてる保存形式。
印刷業界でよく使用されている。( 高品質の印刷が可能なため。 )
⑧ TIFF( TIF )
「ティフ」 と読む。
Tagged Image File Formatの略。
写真などの高解像度の画像に向いてる保存形式。
画像を圧縮しないため、ファイルサイズは大きくなるが画像の劣化が少ない。
ファイルサイズが大きいのでPCのデータ容量を消費し、クライアントなどへの共有や送信にも向いていない( → 読み込みに時間がかかる。 )
印刷業界でよく使用されている。
普及率が高く、多くの画像編集ソフトでサポートされている。( 保存時と異なるソフトでも編集や閲覧ができる。)
⑨ PDF
「 ピーディーエフ 」 と読む。
Portable Document Formatの略。
主に文書を表示するために使用される。
近年では動画や音声などを含む事もできるそうです。
文書をパスワードで保護できる( → 印刷やコピーを禁止するセキュリティ設定ができる。 )
請求書や契約書類・マニュアルなどの機密文書に向いている。
異なるデバイスや画面サイズで閲覧してもレイアウトを維持する。( 印刷しても、PCでもスマホでも基本的に同じように表示されるのが特長。)
ブラウザ上で誰でも表示することができる。
専用閲覧ソフト「Adobe Reader」が必要な場合もある。( ※PDFファイルを開く操作を行えば自動的にDLページへ誘導されます。無償でインストール可能。)
編集や加工には専用ソフトが必要。
Adobe が開発したファイル形式。
【 代表的なソフトウェア独自のファイル形式 】
「 Photoshop 」のPhotoshop形式(PSD)のように、各ソフトウェアが独自に開発した保存形式もあります。
独自保存形式は、レイヤー構造を維持したまま保存できるのが特徴です。
専用のファイル形式ですから、そのソフトでしか開けません。
イラストや漫画のお仕事( 漫画アシスタント業 )などでたまに指定されている場合があります。
➉ clip
CLIP STUDIO PAINT専用の保存形式。
⑪ sai
PaintTool SAI専用の保存形式。
【 フリーランスやクリエイターは覚えておきたい! 】
⑫ZIP
「 ジップ 」と読む。
ファイルを圧縮した際につく拡張子。
複数のファイルやフォルダを1つにまとめられる。
送るファイル数が多い時に受け取り側の負担を減らせる。( → 圧縮でファイルサイズが小さくなるので、送信や保存時の速度やストレージ容量に負担がかからない。)
ファイル転送サービスで送る際はパスワードの設定が可能。
WindowsでもMacでも作成可能( Windowsでよく使われる。)
MacintoshとWindowsでやり取りしたZipファイルは問題が生じる事が稀にあるらしい( → 文字コードの違いなど。)
Zipファイルを利用した際にウイルス感染が発生する可能性があるため、信頼できる提供元以外から送られたファイルは開かない。
■ ようやく、終わりました!(笑w)
久しぶりに長い記事を書きました。(笑)
ファイル形式について簡単に説明しましたが、いかがでしたでしょうか?
イラストやデザインを提供する際、または発注や購入する際に、自分がどのファイル形式を取り扱えるかを覚えておくと、やり取りがスムーズになり、とても便利です。
作品ごとに最適な保存方法を確認してみてくださいね。
それでは、ここまで読んで頂きありがとうございました!
自分で描いた絵を中心に使っていました!
DL可能ですので、気になったものがございましたらイラスト素材の方も宜しくお願いいたします。_(._.)_
因みに、販売ページには各イラストの色違いVer.もあります!
#拡張子 #画像ファイル
#雑学 #まとめ #豆知識 #説明 #解説 #初心者向け #はじめの一歩
この記事が参加している募集
最近、サポートを頂く機会もありますので書かせて頂きます。💦 ■頂いたサポートは画材購入などの創作活動費や災害時の寄付などに使用させて頂きます。ありがとうございます。 ■リクエストはお受けできませんが、サポートボタンをクリックされた際の記事や絵は今後の参考にさせて頂きます!