数ある画像ファイルを使いこなそう
デザインなどの現場で「あれ？ この画像はPNGではなく、JPGを使うべきなのかなー」などと思ったことはありませんか？
あるいは、どのプログラムでINDDを開けばいいのか、迷ったことはありませんか？
あなたがグラフィックデザイナーでない限り、TIFとPDFやPSDの違いなど、理解する必要がないかもしれません。でもネットで画像を扱う限り、ずっと無視していられるものでもありません。
高解像度 と 低解像度
デザイナーがDPIやPPIについて話しているのを聞いたことがありますか？
1. JPEG (またはJPG)
2. PNG ポータブルネットワークグラフィックス
PNGはウェブページのようなインタラクティブな文書には最適ですが、印刷物には適しません。PNGは「ロスレス」、つまり編集しても品質が落ちないが、それでも低解像度であることに変わりはないのです。
ほとんどのWebプロジェクトでPNGが使用されている理由は、透明な背景に多くの色で画像を保存できるからです。これにより、より鮮明なウェブ品質の画像を得ることができます。
3. GIF
6. PDF - ポータブルドキュメントフォーマット
PDFは、どんなアプリケーションからでも、どんなコンピューターからでも、誰とでも、どこでも、豊富な情報を取り込み、確認できることを目的で、Adobe社によって考案されました。これまでのところ、かなり成功していると言えるでしょう。
デザイナーがベクターロゴをPDF形式で保存すれば、（無料のAcrobat Readerというソフトをダウンロードしていれば）デザイン編集ソフトがなくても見ることができ、このファイルを使ってさらに加工することも可能です。
あなたがグラフィックデザイナーでない限り、TIFとPDFやPSDの違いなど、理解する必要がないかもしれません。でもネットで画像を扱う限り、ずっと無視していられるものでもありません。
多種多様な画像フォーマットに圧倒されるように見えるかもしれませんが、そこには法則性があります。
各ファイル形式の違いや、どのような場合に使用するのが適切かを理解するために、便利なアウトラインをまとめました。
ベクターとラスターの違い
まずはじめに。ベクターとラスターの違いは何か、というところからです。
ラスター画像ファイル
ラスター画像は、画素（ピクセル）の連なり、つまり個々のブロックによって画像を構成しています。JPEG、GIF、PNGはすべてラスターイメージの拡張子です。ネットや印刷物で見かける写真は、すべてラスターイメージです。ピクセルは、解像度（高・低）に応じた割合が決められており、本来入るはずのない空間を埋めるために引き伸ばされると、歪んでぼやけたり、不鮮明な画像になったりします。
ピクセルの品質を保つために、解像度を落とさずにラスター画像のサイズを変更することはできません。そのため、ラスターファイルは、アプリケーションに必要な正確な寸法で保存することが重要です。
ベクター画像ファイル
ベクター画像は、より柔軟性に富んでいます。ピクセルではなく、比例した数式で構成されています。EPS、AI、PDFは、頻繁にサイズ変更が必要なグラフィックの作成に最適です。ロゴやブランドのグラフィックはベクターで作成し、マスターファイルを常に手元に置いておく必要があります。ベクターの本当の魅力は、切手ほどのサイズから18輪車に載せられるほどの大きさまで対応できる点にあります。
あなたがあなたのロゴのベクターバージョンを持っているかどうかわからない場合は、ここであなたのための小さなトリックです。名刺を印刷した会社や、シャツにロゴを刺繍した業者に電話してみてください。多くの場合、彼らはあなたの記録のためにあなたに送信することができますあなたのロゴのベクトルファイルを持っているでしょう。
各ファイル形式の違いや、どのような場合に使用するのが適切かを理解するために、便利なアウトラインをまとめました。
ベクターとラスターの違い
まずはじめに。ベクターとラスターの違いは何か、というところからです。
ラスター画像ファイル
ラスター画像は、画素（ピクセル）の連なり、つまり個々のブロックによって画像を構成しています。JPEG、GIF、PNGはすべてラスターイメージの拡張子です。ネットや印刷物で見かける写真は、すべてラスターイメージです。ピクセルは、解像度（高・低）に応じた割合が決められており、本来入るはずのない空間を埋めるために引き伸ばされると、歪んでぼやけたり、不鮮明な画像になったりします。
ピクセルの品質を保つために、解像度を落とさずにラスター画像のサイズを変更することはできません。そのため、ラスターファイルは、アプリケーションに必要な正確な寸法で保存することが重要です。
ベクター画像ファイル
ベクター画像は、より柔軟性に富んでいます。ピクセルではなく、比例した数式で構成されています。EPS、AI、PDFは、頻繁にサイズ変更が必要なグラフィックの作成に最適です。ロゴやブランドのグラフィックはベクターで作成し、マスターファイルを常に手元に置いておく必要があります。ベクターの本当の魅力は、切手ほどのサイズから18輪車に載せられるほどの大きさまで対応できる点にあります。
あなたがあなたのロゴのベクターバージョンを持っているかどうかわからない場合は、ここであなたのための小さなトリックです。名刺を印刷した会社や、シャツにロゴを刺繍した業者に電話してみてください。多くの場合、彼らはあなたの記録のためにあなたに送信することができますあなたのロゴのベクトルファイルを持っているでしょう。
高解像度 と 低解像度
デザイナーがDPIやPPIについて話しているのを聞いたことがありますか？
DPIは "dot per inch"、PPIは "pixels per inch "の頭文字です。
これらの単位は、画像のピクセルの密度が使用するアプリケーションに適切かどうかを判断するのに不可欠なものです。
DPIやPPIを決める際に最も注意しなければならないのは、画像を印刷に使うかWebに使うかです。
DPIやPPIを決める際に最も注意しなければならないのは、画像を印刷に使うかWebに使うかです。
Webサイトでは、72dpiという低い解像度で画像を表示しますが、この解像度の画像はWeb上では実に鮮明に見えます。
しかし印刷物ではそうではありません。画像を印刷する際のベスト解像度は、300dpi以上であることが必要です。
以下は数ある拡張子の中でも、現在最もポピュラーに扱われているもののリストです。
以下は数ある拡張子の中でも、現在最もポピュラーに扱われているもののリストです。
1. JPEG (またはJPG)
Joint Photographic Experts Group (ジョイント・フォトグラフィック・エキスパート・グループ)
JPEGは、ウェブ上で最もよく見かけるファイル形式です。
JPEGは、ウェブ上で最もよく見かけるファイル形式です。
JPEGは「非可逆」圧縮で知られており、ファイルサイズが小さくなるにつれて画像の品質が低下することを意味します。
JPEGは、Web上のプロジェクト、Microsoft Office文書、または高解像度での印刷が必要なプロジェクトに使用することができます。JPEGの解像度とファイルサイズに注意することは、見栄えのよいプロジェクトを作成するために不可欠です。
JPEGは、Web上のプロジェクト、Microsoft Office文書、または高解像度での印刷が必要なプロジェクトに使用することができます。JPEGの解像度とファイルサイズに注意することは、見栄えのよいプロジェクトを作成するために不可欠です。
JPGとJPEGの呼び名
ファイル名の拡張子は「.jpg」と「.jpeg」で違いはありません。ファイル名の付け方に関係なく、同じフォーマットであり、同じように動作することに変わりはありません。
同じフォーマットで2つの拡張子が存在する唯一の理由は、Windowsの初期バージョンで3文字の制限に対応するために.jpegが.jpgに短縮されたからです。
ファイル名の拡張子は「.jpg」と「.jpeg」で違いはありません。ファイル名の付け方に関係なく、同じフォーマットであり、同じように動作することに変わりはありません。
同じフォーマットで2つの拡張子が存在する唯一の理由は、Windowsの初期バージョンで3文字の制限に対応するために.jpegが.jpgに短縮されたからです。
現在ではそのような要件はありませんが、多くの画像ソフトウェアプログラムでは、.jpg が標準でありデフォルトのままです。
2. PNG ポータブルネットワークグラフィックス
PNGはウェブページのようなインタラクティブな文書には最適ですが、印刷物には適しません。PNGは「ロスレス」、つまり編集しても品質が落ちないが、それでも低解像度であることに変わりはないのです。
ほとんどのWebプロジェクトでPNGが使用されている理由は、透明な背景に多くの色で画像を保存できるからです。これにより、より鮮明なウェブ品質の画像を得ることができます。
3. GIF
Graphics Interchange Format（グラフィック・インターチェンジ・フォーマット）
GIFはアニメーションの形で最も一般的で、Tumblrのページやバナー広告で大流行しています。
GIFはアニメーションの形で最も一般的で、Tumblrのページやバナー広告で大流行しています。
より基本的な形として、GIFはRGB色空間の最大256色で形成されています。色数が限られているため、ファイルサイズは劇的に小さくなります。
GIFは、画像の読み込みが非常に速いWebプロジェクトでよく使われるファイル形式であり、それとは対照的に、高い品質を維持する必要があるファイル形式でもあります。
4. TIFF - Tagged Image File（タグ付けされた画像ファイル）
GIFは、画像の読み込みが非常に速いWebプロジェクトでよく使われるファイル形式であり、それとは対照的に、高い品質を維持する必要があるファイル形式でもあります。
4. TIFF - Tagged Image File（タグ付けされた画像ファイル）
TIFは、画質を落とさない大容量ラスターファイルです。
このファイルタイプは「可逆圧縮」を使用することで知られており、元のファイルを何度コピー、再保存、圧縮しても、元の画像データは維持されます。
TIFF画像は、操作後に品質を回復する能力がありますが、このファイル形式をWebで使用するのは避けた方がよいでしょう。
TIFF画像は、操作後に品質を回復する能力がありますが、このファイル形式をWebで使用するのは避けた方がよいでしょう。
読み込みに時間がかかるため、ウェブサイトのパフォーマンスに大きな影響を与えるからです。TIFFファイルは、印刷用に写真を保存する場合に一般的に使用されます。
5. PSD - Photoshopドキュメント
PSDは、最も普及しているグラフィック編集ソフトであるAdobe Photoshopで作成・保存されるファイルです。
5. PSD - Photoshopドキュメント
PSDは、最も普及しているグラフィック編集ソフトであるAdobe Photoshopで作成・保存されるファイルです。
このタイプのファイルには「レイヤー」が含まれており、画像の修正がより簡単に行えるようになっています。これはまた、上記のラスターファイルタイプを生成するプログラムでもあります。
PSDの最大の欠点は、Photoshopがベクター画像とは対照的にラスター画像で動作することです。
PSDの最大の欠点は、Photoshopがベクター画像とは対照的にラスター画像で動作することです。
6. PDF - ポータブルドキュメントフォーマット
PDFは、どんなアプリケーションからでも、どんなコンピューターからでも、誰とでも、どこでも、豊富な情報を取り込み、確認できることを目的で、Adobe社によって考案されました。これまでのところ、かなり成功していると言えるでしょう。
デザイナーがベクターロゴをPDF形式で保存すれば、（無料のAcrobat Readerというソフトをダウンロードしていれば）デザイン編集ソフトがなくても見ることができ、このファイルを使ってさらに加工することも可能です。
これは、グラフィックを共有するための普遍的なツールとして、圧倒的に優れています。
7. EPS - カプセル化ポストスクリプト
EPSは、印刷用の高解像度グラフィックを作成するために設計されたベクター形式のファイルです。ほとんどすべての種類のデザインソフトでEPSを作成することができます。
EPSの拡張子はどちらかというと、一般的なAdobe製品だけでなく、あらゆるデザインエディターでベクターベースのアートワークを開くことができるユニバーサルファイルタイプ（PDFとよく似ています）です。
7. EPS - カプセル化ポストスクリプト
EPSは、印刷用の高解像度グラフィックを作成するために設計されたベクター形式のファイルです。ほとんどすべての種類のデザインソフトでEPSを作成することができます。
EPSの拡張子はどちらかというと、一般的なAdobe製品だけでなく、あらゆるデザインエディターでベクターベースのアートワークを開くことができるユニバーサルファイルタイプ（PDFとよく似ています）です。
これによりAdobe製品を使用ない、Corel DrawやQuarkを使用しているデザイナーへのファイル転送を保護することができます。
8. AI - Adobe Illustratorドキュメント
AIは、デザイナーに最も好まれる画像フォーマットであり、ウェブから印刷物などあらゆる種類のプロジェクトで画像を使用するための最も信頼できるタイプのファイルフォーマットです。
Adobe Illustratorは、ゼロからアートワークを作成するための業界標準であり、高い汎用性が支持されているため、グラフィックデザインには不可欠です。
8. AI - Adobe Illustratorドキュメント
AIは、デザイナーに最も好まれる画像フォーマットであり、ウェブから印刷物などあらゆる種類のプロジェクトで画像を使用するための最も信頼できるタイプのファイルフォーマットです。
Adobe Illustratorは、ゼロからアートワークを作成するための業界標準であり、高い汎用性が支持されているため、グラフィックデザインには不可欠です。
Illustratorはベクターアートワークを作成し、最も操作しやすいタイプのファイルです。
また、前述のすべてのファイルタイプを作成することができます。
デザイナーの武器として、マスターすべき最高のツールです。
9. INDD - Adobe InDesignドキュメント
INDD（InDesign Document）とは、Adobe InDesignで作成・保存されるファイルのことです。InDesignは、新聞、雑誌、電子書籍など、より大きな出版物の作成によく使用されます。
Adobe PhotoshopとIllustratorの両方のファイルをInDesignで組み合わせ、高度なタイポグラフィー、埋め込みグラフィックス、ページコンテンツ、書式情報、その他の高度なレイアウト関連オプションを備えた、内容の濃いデザインを作成することができます。
10. RAW - 生の画像フォーマット
RAW画像は、このリストの中で最も処理の少ない画像タイプで、多くの場合、写真が作成されたときに用いる形式です。
9. INDD - Adobe InDesignドキュメント
INDD（InDesign Document）とは、Adobe InDesignで作成・保存されるファイルのことです。InDesignは、新聞、雑誌、電子書籍など、より大きな出版物の作成によく使用されます。
Adobe PhotoshopとIllustratorの両方のファイルをInDesignで組み合わせ、高度なタイポグラフィー、埋め込みグラフィックス、ページコンテンツ、書式情報、その他の高度なレイアウト関連オプションを備えた、内容の濃いデザインを作成することができます。
10. RAW - 生の画像フォーマット
RAW画像は、このリストの中で最も処理の少ない画像タイプで、多くの場合、写真が作成されたときに用いる形式です。
カメラで写真を撮ると、すぐにRAWファイル形式で保存されます。
新しいデバイスにメディアをアップロードし、画像ソフトウェアを使用して編集するときにのみ、上記で説明した画像拡張子のいずれかを使用して保存されます。
RAW画像は、加工して細かい視覚的なディテールを失うことなく、写真のすべての要素を捕らえることができるため、貴重な画像です。
RAW画像は、加工して細かい視覚的なディテールを失うことなく、写真のすべての要素を捕らえることができるため、貴重な画像です。
しかし、最終的にはラスターファイルやベクターファイルに変換し、転送したり、サイズを変更したりして、さまざまな用途に使いたいものです。
RAWには、画像を作成するための複数のRAW画像ファイルがあります。
RAWには、画像を作成するための複数のRAW画像ファイルがあります。
その多くは特定のカメラにネイティブです（さらに、上に示されていない数十ものフォーマットがありますがここでは省きます）。
4つのRAWファイルについてのみ、簡単に説明します。
CR2
CR2
Canon RAW 2 の略で、Canon が自社のデジタルカメラで撮影した写真用に作成した画像拡張子です。TIFFファイル形式をベースにしているため、本来は高画質です。
CRW
同じくキヤノンが作成した画像拡張子で、CR2に先駆けて存在したものです。
NEF
Nikon Electric Formatの略で、ニコンのカメラで作成されたRAWファイルタイプです。
これらの画像ファイルは、ニコン製デバイスまたはニコン製フォトショッププラグインを使用して編集する場合、ファイルタイプを変更せずに広範囲な編集を行うことができます。
PEF
この画像拡張子は、Pentax Electronic Format の略で、Pentax Digital Cameras によって作成された RAW 画像ファイルタイプです。
画像の扱いは、一見したところでは想像できないほど複雑です。この記事で、標準的なファイルの種類と、あなたのプロジェクトに最も適したファイル形式をよりよく理解していただければ幸いです。
0 件のコメント:
コメントを投稿