画像ファイル形式:各ファイルタイプを使用するとき

0 Comments

GIFはピーナッツバターの最も美味しい そして、AIはヘイリー-ジョエル-オスメント主演の奇妙なsf映画でしたか? 君は間違ってない しかし今日しかし画像フォーマットおよびすべての呼び出さを少しファイルを使用している映像コンテンツから印刷ます。

オンラインで表示されるすべてのグラフィックは画像ファイルです。 紙、プラスチック、tシャツに印刷されているほとんどのものは、画像ファイルからのものです。 これらのファイルはさまざまな形式で提供され、それぞれが特定の用途に最適化されています。, 右の仕事のための右のタイプを使用してあなたの設計が完全な映像出て来ることを意味し、ちょうどいかに意図したか。 の形式が間違っていることを意味悪い印刷または貧しいウェブ画像の巨大なダウンロードしたいグラフィックメール.

それでは、それを分解してみましょう。 画像ファイル形式101へようこそ。 それでは、各ファイルタイプの基本に飛び込みましょう。

ほとんどの画像ファイルは、ラスターファイルとベクターファイルのいずれかの一般的なカテゴリに収まり、各カテゴリには独自の用途があります。 この内訳は完璧ではありません。, 例えば、特定の形式で実際の要素の両方の種類です。 しかし、これはプロジェクトにどの形式を使用するかを考えるときに始めるのに適した場所です。,

さまざまなタイプの画像ファイル形式—

  1. ラスタファイル形式
    • JPEG
    • GIF
    • PNG
    • TIFF
    • RAW
    • PSD
  2. ベクターファイル形式
    • PDF
  3. EPS
  4. SVG
  5. AI
  6. li>

ラスターファイル形式—

ラスターイメージとは

ラスターイメージは、ピクセルと呼ばれるドットのグリッドで構成され、各ピクセルに色が割り当てられます。 ベクターイメージとは異なり、ラスターイメージは解像度に依存します。, ラスターイメージを変換すると、ピクセル自体が伸びるため、”ピクセル化”またはぼやけたイメージになることがあります。 画像を拡大すると、ソフトウェアは本質的に、周囲のピクセルに基づいてどの画像データが欠落しているかを推測します。 多くの場合、結果は素晴らしいものではありません。

著者によって提供される写真。,
iv id=”0a5f88a818″

ラスター画像は、通常、写真、デジタルアートワーク、webグラフィックス(バナー広告、ソーシャルメディアコンテンツ、電子メールグラフィックスなど)に使用されます。 Adobe Photoshopは、ラスター画像の作成、デザイン、編集、および既存のデザインに効果、影、テクスチャの追加に使用される業界標準の画像エディタです。

CMYK対, RGB

すべてのラスター画像は、CMYKとRGBのいずれかの原色モデルで保存できます。

CMYK–By Owley
rgb–によって&v

cmykシアン、マゼンタ、イエロー、キー(黒)を表す四色印刷プロセス。 これらの色は、印刷プロセス中に結合する四つのインクを表します。, この形式で保存されたファイルは、物理印刷用に最適化されます。

RGBは、赤、緑、青を表す光ベースのカラーモデルです。 これらは、他の色を生成するために組み合わせる光の三原色です。 この形式で保存されたファイルは、ウェブ、携帯電話、映画、ビデオ用に最適化されます—画面に表示されるもの。

Lossy vs.lossless

各ラスターイメージファイルは、形式がイメージデータをどのように処理するかに応じて、可逆または非可逆のいずれかになります。

可逆画像フォーマットは、元のファイルのすべてのデータをキャプチャします。, 元のファイル、写真、または芸術作品から何も失われません—したがって、”ロスレス”という用語です。”ファイルはまだ圧縮されているかもしれませんが、すべてのロスレス形式で画像を元の状態に再構築できます。

非可逆画像フォーマットは、元の画像がどのように見えるかに近いものです。 たとえば、非可逆画像は、画像内の色の量を減らしたり、不要なデータのために画像を分析したりすることがあります。 これらの巧妙な技術的なトリックは、通常、画像の品質を低下させる可能性がありますが、ファイルサイズを縮小します。,

通常、非可逆ファイルは可逆ファイルよりもはるかに小さいため、ファイルサイズとダウンロード速度が不可欠なオンラインでの使用に最適です。

JPEG/JPG

JPEGは、それを開発した技術チームであるJoint Photographic Experts Groupの略である非可逆ラスタ形式です。 これは最も広く使用されている形式のオンラインでは、通常、写真、eメールグラフィックやweb画像のようなバナー。 JPEG画像は、ファイルサイズが大幅に減少する圧縮のスライドスケールを持っていますが、画像が圧縮されるほどアーチファクトやピクセル化が増加しま,

圧縮なし
高圧縮

オンライン写真やアートワークを扱っているときは、jpegを使用する必要があります。

  • オンライン写真やアートワークを扱っています。 Jpegは、ラスター編集と圧縮によって最も柔軟性を提供し、すぐにダウンロードする必要があるweb画像に最適です。
  • 写真やアートワークを印刷したいとします。, 低圧縮の高解像度ファイルでは、Jpegは編集して印刷するのに最適です。
  • クイックプレビューイメージをクライアントに送信する必要があります。 JPEG画像は非常に小さなサイズに縮小することができ、電子メールで送信するのに最適です。

JPEGを使用しないでください…

  • 透明度のあるwebグラフィックが必要です。 Jpegは透明チャンネルを持たず、単色の背景を持つ必要があります。 GIFとPNGは、透明性のための最良のオプションです。
  • あなたは、階層化された編集可能な画像が必要です。, Jpegは、すべての編集が一つの画像レイヤーに保存され、元に戻すことができないことを意味するフラットな画像形式です。 完全に編集可能な画像のPSD(Photoshop)ファイルを考えてみましょう。

GIF

GIFは、Graphics Interchange Formatの略であるロスレスラスター形式です。 大きな質問:それはどのように発音されますか? GIFの作成者は、ピーナッツバターのような”ちょっとした”と言います。 この作家(そして世界の多く)は、グラフィックスが”guh”で始まるので、”GIFF”と言います。”とにかく、それはあなたに任せます。, ですがGIFにするととも広く使用されているweb画像フォーマット、通常のためのアニメグラフィックのようなバナー広告メールの画像、社会デミームが存在. Gifはロスレスですが、色や画像情報の量を減らす高度にカスタマイズ可能な設定でエクスポートすることができ、ファイルサイズが縮小されます。

WEBアニメーションを作成するときは、GIFを使用する必要があります。

  • WEBアニメーションを作成します。 GIF画像のすべてのアニメーションフレームおよびタイミング情報を単一のファイルです。, 画像エディタのようにPhotoshopで作短編アニメーションと輸出してGIFなどでお送りください。
  • あなたは透明性が必要です。 GIF画像には透明にすることができる”アルファチャンネル”があるので、任意の色の背景に画像を配置することができます。 li>
  • あなたは小さなファイルが必要です。 GIF形式の圧縮技術は、画像ファイルが途方もなく縮小することができます。 非常にシンプルなアイコンやwebグラフィックの場合、GIFは最高の画像ファイル形式です。

写真品質の画像が必要なときはGIFを使用しないでください。

  • 写真品質の画像が必要です。, Gifは高解像度にすることができますが、256色の制限があります(いくつかのトリックを知っていない限り)。 写真は通常、何千もの色を持っており、GIFに変換するときに平らで活気が少なくなります(そして時にはカラーバンディングのために奇妙な)。li>
  • あなたは、画像を印刷する必要があります。 色の限界のために、ほとんどの印刷された写真は深さに欠けています。 写真を印刷する必要がある場合は、TIFF、PSD、JPGをご覧ください。
  • あなたは、階層化された編集可能な画像が必要です。 Gifは、すべての編集が一つの画像レイヤーに保存され、元に戻すことができないことを意味するフラットな画像形式です。, 完全に編集可能な画像のPSD(Photoshop)ファイルを考えてみましょう。

PNG

PNGは、ポータブルネットワークグラフィックスの略であるロスレスラスター形式です。 Pngを次世代GIFと考えてください。 この形式には透明度が組み込まれていますが、より高い色深度を表示することもでき、数百万色に変換されます。 Pngはweb標準であり、すぐにオンラインで使用される最も一般的な画像形式の一つになりつつあります。,

_elm_によるユニコーンステッカー
ktoonsによるtraubyマスコット

あなたはpngを使用する必要があります…

  • 高品質の透明なwebグラフィックが必要です。 PNG画像には、任意の透明度を持つことができる変数”アルファチャンネル”があります(透明度のみがオン/オフのGifとは対照的です)。, さらに、色の深さが大きいため、GIFよりも鮮やかな画像が得られます。
  • あなたは限られた色のイラストを持っています。 どんな画像でも動作しますが、PNGファイルは小さなカラーパレットで最適です。 li>
  • あなたは小さなファイルが必要です。 PNGファイルは信じられないほど小さなサイズに縮小することができます。 この画像ファイルタイプのためのウェブグラフィー。

PNGを使用しないでください…

  • 写真やアートワークを使用しています。 Pngの高い色深度のおかげで、このフォーマットは高解像度の写真を簡単に扱うことができます。, ただし、ロスレスweb形式であるため、ファイルサイズは非常に大きくなる傾向があります。 Web上で写真を扱っている場合は、JPEGを使用してください。
  • あなたは印刷プロジェクトを扱っています。 PNG画像は画面用に最適化されています。 あなたは間違いなくPNGを印刷することができますが、JPEG(非可逆)またはTIFFファイルを使用する方が良いでしょう。

TIFF/TIF

TIFFは、Tagged Image File Formatの略であるロスレスラスター形式です。 その非常に高品質のフォーマットは主として、写真やデスクトップパブリッシング., しょうがの出会いのTIFFファイルをスキャンする文書や写真に入っていただくことは、プロのデジタルカメラです。 TIFFファイルは、JPEG画像の”コンテナ”としても使用できることに注意してください。 これらのファ

高品質の印刷グラフィックスが必要な場合は、tiffを使用する必要があります。

  • 高品質の印刷グラフィックスが必要です。, RAWとともに、TIFFファイルは、利用可能な最高品質のグラフィック形式の一つです。 特に巨大なサイズの写真を印刷する場合は、この形式を使用してください。 li>
  • あなたは、高品質のスキャンを行っています。 あなたの文書、写真やアートワークをスキャンするTIFFを使用すると、オフに動作するように最高の元のファイルを持っている

TIFFでは使用しないでください…

  • ウェブグラフィックスを使用しています。 多くのwebブラウザを支援し、TIFFファイルを最適化した印刷できます。 高品質の画像をオンラインで表示する必要がある場合は、JPEGまたはPNGを使用してください。,

RAW

raw画像フォーマットには、デジタルカメラまたはスキャナのセンサーによってキャプチャされた未処理のデータが含まれます。 通常、画像は処理されます(カラー、ホワイトバランス、露出などが調整されます。 その後、変換して別の形式(JPEGまたはTIFFなど)に圧縮します。 Raw画像は、二つの別々のファイルに未処理および処理されたデータを格納するので、あなたはPhotoshopのような写真編集アプリケーションで非破壊的に編集することができることを可能な限り最高品質の画像が残っている。, Raw形式は数十と数十がありますが、典型的な形式のいくつかはCRW(Canon)、NEF(Nikon)、およびDNG(Adobe)です。

Adobe経由

写真を撮影して編集しているときはRAWを使用する必要があります。

  • カメラがRAWに設定されていることを確認して、最も汎用性の高い画像を撮影できます。 次に、互換性のある写真編集アプリケーションを使用して画像を調整します。

ウェブグラフィックスで作業しているときは、RAWを使用しないでください。

  • ウェブグラフィックスで作業しています。 RAWは写真編集用に構築されています。, Web用に写真を表示する準備ができたら、JPEGに変換します。
  • 写真を印刷する準備ができました。 多くのプリンタはraw形式を受け入れないため、最初にJPEGまたはTIFFに変換します。

PSD

PSDは、Photoshopドキュメントの略である独自の階層化画像形式です。 これらは、複数のレイヤーと画像調整で完全に編集可能なPhotoshopで作成された元のデザインファイルです。, Psdは主にラスターイメージの作成と編集に使用されますが、このユニークな形式にはベクターレイヤーも含まれるため、さまざまなプロジェクトに非常に柔軟 PSDは、上記のすべてのラスター形式を含む任意の数の画像ファイル形式にエクスポートできます。

あなたはときにPSDを使用する必要があります…

  • 写真をレタッチする時が来ました。 写真を色補正する必要がありますか? またはテキストの層を追加しますか? PSD=写真。
  • デジタルまたは印刷用のアートワークを編集する必要があります。, それは写真、絵画、図面、または何か他のものである可能性があります。 Photoshopは、すべての線、影、テクスチャが所定の位置にあることを確認する適切なツールです。
  • ソーシャルメディア画像、バナー広告、電子メールヘッダー、ビデオなどのウェブ用のデジタル画像が必要です。 Photoshopでこれらの画像を作成すると、適切なサイズとweb用に最適化されていることが保証されます。
  • ウェブサイトまたはアプリのモックアップを作成する必要があります。 レイヤーを使用すると、UI要素を簡単に移動できます。
  • あなたはアニメーションやビデオで空想を取得したいです。, Photoshopでのカットと簡単なビデオクリップに追加グラフィック、フィルタ、テキスト、アニメーションです。

PSDを使用しないでください…

  • オンラインで写真を投稿したり、クライアントにプレビューを送信したりする必要があります。 ウェブはJPEGフレンドリーです。 最初に変換して、視聴者があなたの画像を見ることができるようにします(ダウンロードに数分かかることはありません)。
  • 写真を印刷する準備ができました。 多くのプリンタはPSD形式を受け入れないため、最初にJPEGまたはTIFFに変換します。,

ベクターファイル形式—

ベクター画像とは何ですか

ベクター画像は、点、線、曲線がコンピュータによって計算されるデジタルアートワークです。 彼らは本質的に巨大な数学の方程式、そしてすべての”方程式”は、芸術に形を回すために(他のスタイルの中で)色、ストロークまたは厚さを割り当てること ラスタ画像とは異なり、ベクタ画像は解像度に依存しません。 ベクター画像を縮小または拡大すると、図形が大きくなりますが、詳細が失われたり、ピクセル化されたりすることはありません。, 画像は常に同じようにレンダリングされるため、サイズに関係なく、非可逆または可逆なベクター画像タイプのようなものはありません。,

Walk for life poster by Adwindesign for Salam_h
Children’s book character by RVST® for soccerpoet
Logo design by spoon design

Vector images are typically used for logos, icons, typesetting and digital illustrations., Adobe Illustratorは、ベクター画像の作成、設計、編集に使用される業界標準の画像エディタです(ただし、ラスター画像も組み込むことができます)。

PDF

PDFはPortable Document Formatの略で、デバイス、アプリケーション、オペレーティングシステム、またはwebブラウザに関係なく、文書やグラフィックスを正しく表示する を中心に、PDFファイルの強力なベクトルグラフィック財団のものを表示からターグラフィックスを形成分野のスプレッドシート., それはほぼ普遍的な標準であるため、PDFファイルは、多くの場合、生産に最終的な設計を送信するためにプリンタによって要求されるファイル形式 Adobe PhotoshopとIllustratorの両方がPDFに直接エクスポートできるため、デザインを簡単に開始して印刷の準備をすることができます。,

マーティスループスによるオークランドのポスター
yogawithleoのためのヨガのposterby trisixtin

印刷する準備ができたら、pdfを使用する必要があります。

  • 印刷する準備ができています。 みてきたように、多くのプリンターの好みのPDFとしての第一次配信フォーマットにまとまるので、ユビキタスである。 プリンターに確認して、ファイルを準備する方法を確認してください。,
  • ウェブ上に文書を表示したいとします。 あなたは、単一のアイコンやロゴのためのPDFを使用しないだろうが、それはポスター、チラシ、雑誌や小冊子のために素晴らしいことです。 Pdfは、表示、ダウンロードまたは印刷することが容易になり、一つのパッケージにデザイン全体を維持します。

デザインを編集する必要があるときは、PDFを使用しないでください。

  • デザインを編集する必要があります。 Pdfは容器入りのものを使用します。 ラスター画像はPhotoshopで、ベクター画像はIllustratorで編集できます。 完了したら、簡単に表示するためにPDFにそれらを組み合わせることができます。,

EPS

EPSは、Encapsulated PostScriptの略であるイメージフォーマットです。 ですがとして主に利用されることで、ベクトル形式は、EPSファイルでもベクトルとラスターイメージデータです。 通常、EPSファイルには、より大きなデザインで使用できる単一のデザイン要素が含まれています。,

by artsigma
by Dusan Klepic
by Sava Stoic

You should use an EPS when…

  • You need to send a vector logo to a client, designer or a printer., EPSファイルを使用すると、ロゴが配置または印刷される場所を心配する必要はありません。 サイズに関係なく、常に正しい解像度で表示されます。

写真やアートワークを扱っているときはEPSを使用しないでください。

  • 写真やアートワークを扱っているときはEPSを使用しません。 EPSはラスター画像を処理できますが、このタイプの画像ファイルは主にベクター用です。 あなたが写真のプロジェクトを持っているときにPSD、TIFまたはJPEGで動作します。
  • 画像をオンラインで表示する必要があります。 最初にJPEG、PNGまたはGIFにエクスポートします。,

SVG

SVGはScalable Vector Graphicsの略で、二次元グラフィックス用のXMLベースのベクター画像フォーマットです。 できる検索インデックス,スケーリングおよび圧縮できる結果小さいファイルサイズ以上の他のファイル形式に最適です。 SVGファ

SVGを使用する必要があります…

  • ウェブ上で公開するためにコンピュータで生成されたグラフや図を作成したいとき。

印刷ワークフローにファイル形式が必要な場合はSVGを使用しないでください。

  • 印刷ワークフローにファイル形式が必要です。,

AI

AIは、Adobe Illustratorの略である独自のベクター画像形式です。 このフォーマットは、Adobeが開発したEPSとPDFの両方の標準に基づいています。 ような形で、AIファイルは主としてベクトルに基づく形式のものを含めることもでき込またはクラス。 AIファイルは、PDFファイルとEPSファイル(簡単なレビューと印刷のため)、JPEG、PNG、GIF、TIFFおよびPSD(web使用およびさらなる編集用)の両方にエクスポートできます。,

ベクトルデザインを編集する必要があるときは、AIを使用する必要があります。

  • AIファイルを使用すると、クリックするだけでデザイン内のすべての要素を移動したり変更したりできます。
  • あなたは、ロゴ、アイコンやブランドのマスコットを作成する必要があります。 Illustratorで作成されたすべてのベクトルの形状と線は、さまざまな方法で使用する必要がある画像に最適です任意のサイズに爆破することができます。
  • あなたはワンページの印刷物をしたいです。, Illustratorは、他のラスター画像と組み合わせることができるポスター、名刺、チラシやノートカードに最適です。
  • ロゴのタイプを設定する必要があります。 Illustratorの組版機能は信じられないほど強力で、任意のテキストを伸ばしたり、歪んだり、想像できる方法で変換したりすることができます。

画像を編集する必要があるときにAIを使用しないでください。

  • 画像を編集する必要があります。 ラスター画像(写真またはアートワーク)がコンポジションで使用されている場合、Illustratorにはその画像を直接編集するツールの数が限られています。, Photoshop形式(PSDファイルで包括的に調整色、コントラスト、輝度がアップします。li>
すべての適切なファイルタイプを作成できるデザイナーを見つけたいですか?
私たちのデザイナーはそれを行うことができます!


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です