京都webデザインスクール「アートビスケット」へ ようこそ！PhotoshopとIllustrator、どちらも絵や画像に関わるアプリケーションソフトウェア。でも、初めての方には、いったい何が違うのか理解できにくいですよね。
そこで今回のテーマは、「PhotoshopとIllustratorの違い」。
これらのアプリの違いをしっかりと理解し、用途により適切に使い分けられるようになりましょう。
ショートカットキー表示
| ソフト | Photoshop |
|---|---|
| 画像の違い |  |
| ソフト形式 | ペイント系ソフト |
| データ形式 | ビットマップデータ |
| 英語表記 | Bitmap Data |
| 別名 | ・ラスタデータ（Raster Data） ・ペイントデータ（Paint Data） |
| 再現方式 | 画像を色のついたドットと呼ばれる点の羅列・集合として表現するデータ再現方式 |
| 利点 | ・無圧縮のままファイルを生成するので画質の劣化がない。 |
| 欠点 | ・無圧縮につきデータ容量が膨大になる ・拡大・縮小等の編集を行うと画質の劣化が生じる |
| 利用場面 | ・細かい表現や透明感を出したい場合 ・写真のように微妙な色の変化を表現したい場合 |
| フォーマット | ・BMP ・GIF ・JPEG ・JPEG XR ・PNG ・PNM ・TIFF ・XPM ・WebP ・他 |
| ソフト | Illustrator |
|---|---|
| 画像の違い |  |
| ソフト形式 | ドロー系ソフト |
| データ形式 | ベクターデータ |
| 英語表記 | Vector Data |
| 別名 | ・ドローデータ（Draw Data） |
| 再現方式 | 画像を、点の座標とそれを結ぶ線（ベクター、ベクトル）などの数値データをもとに演算により再現する方式 |
| 利点 | ・通常、ビットマップデータよりも容量が小さくなる ・拡大、縮小しても画質が損なわれない ・変形処理が自由自在 |
| 欠点 | ・写真のような複雑な輪郭線や配色を持つ図形には再編処理が追いつかない |
| 利用場面 | ・拡大して使用する必要がある絵や文字などを表す場合 ・イラストや図面など、線や面の輪郭がハッキリした、人工的な画像を作成する場合 ・CAD ・Flashアニメーション |
| フォーマット | ・EPS ・SVG ・他 |
