イラレのラスタライズについてどこよりも分かりやすく解説していきます。
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
目次
イラストレーターのラスタライズとは?
![ラスタライズ](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/rasterization.png?resize=880%2C648&ssl=1)
イラレのラスタライズはベクターデータをラスター画像に変換する機能になります。この効果はメニューバー>効果>ラスタライズにある機能ですが、この機能を理解するにはしっかりとベクターデータとラスター画像の言葉の違いを理解する必要があります。
![メニューバー内のラスタライズ](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/rasterization-in-menubar.png?resize=792%2C579&ssl=1)
ベクターデータとラスター画像の違いとは?
ベクターデータとラスター画像の違いというのは、一言でいうとイラスト(画像)のパソコン上の扱いが変わってきます。
ラスター画像は1ピクセルごとにカラー情報を持つ画像
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/raster-photo.png?resize=880%2C706&ssl=1)
ラスター画像は1粒1粒のカラー情報(色や濃さなど)を持ったピクセル(点)の集まりで成り立っています。そのため、遠くから見ると1粒1粒が目立たない=綺麗に見えるんですが、近づけば近づくほど1粒1粒が目立つ=汚く見えるようになります。
![1ピクセル=1カラー](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/raster-photo-pixel.png?resize=880%2C467&ssl=1)
一般的には、このラスター画像の方が馴染みが深くスマホやカメラなどの写真は全てラスター画像になっています。
ベクターデータは位置情報を元にコンピューターで再現された画像
![ベクター画像の説明](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/vecter-photo.png?resize=880%2C700&ssl=1)
ベクターデータは1粒1粒のピクセルではなくコンピューターで指定した位置情報を元にカラーを実現します。そのため、画像を拡大・縮小しても位置情報(コード)を元に再現されているので全く画質が変わらないのです。
![ベクター画像の原理](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/vecter-date-100.jpg?resize=880%2C699&ssl=1)
ただ写真には不向きでカラー情報(色の数)や位置情報(細かさ)が多くなればなるほど(写真が緻密になるほど)、ファイル容量が重くなります。
ラスター画像とベクターデータを見た目で比較してみる
![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/photo-100.jpg?resize=779%2C535&ssl=1)
では、実際に写真を用いてラスター画像とベクターデータを見た目で比較してみましょう。
ラスター画像とベクターデータをファイル容量で比較してみた
一般的にカラー情報の多い写真はラスター画像(JPEGやPNGなど)を使いロゴやアイコンなどカラー情報の少ない画像はベクター画像(SVG)を使うと言われていますが、その理由をファイル容量の観点で見ていきましょう。
ここにカラー情報の多い画像とカラー情報の少ない画像を用意しました。
![ラスター画像とベクター画像](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/vecter-raster-100.jpg?resize=880%2C346&ssl=1)
まずはこの2つの画像容量を比較してみましょう。ちなみに画像サイズは同じです。
![ラスター画像・ベクター画像の比較](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/raster-vecter-comparison-100.jpg?resize=880%2C443&ssl=1)
803000Bと294Bと圧倒的になりました。ちなみに左にラスター画像をPNGで保存すると更にファイルが大きくなります。
次に2つの写真を同じJPEG画像にして比較してみましょう。
![ラスターに統一](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/raster-vecter-raster-100.jpg?resize=880%2C509&ssl=1)
するとラスター画像の方は元々JPEGファイルなので、変化はないですが元々ベクター画像の方をJPEGファイル(ラスター画像)にして保存をすると約153倍ファイルが大きくなってしまいました。
では、逆に2つともSVGファイルにして保存してみましょう。
![ベクターに統一](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/raster-vecter-100.jpg?resize=880%2C460&ssl=1)
すると元々ラスター画像だった左の写真が約9.3倍大きくなってしまいました。確かに綺麗かもしれませんが・・・ファイルが大きくなりすぎてしまいますよね。
イラレのラスタライズの使い方
それでは、手順に沿ってラスタライズの使い方を見ていきましょう。
イラレの図形やテキストは全てベクターデータなので、適当に用意していきます。
![オブジェクト準備](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/object-ready.png?resize=880%2C656&ssl=1)
![メニューバー内のラスタライズ](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/menueffectrasterization.png?resize=880%2C757&ssl=1)
オブジェクトを選択した状態で行いましょう。
![完成](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/change-success-100.jpg?resize=880%2C391&ssl=1)
設定が完了したらOKを押してラスタライズ化されてベクターデータだったオブジェクトがラスター画像になりました。
どんなときにラスタライズするべき?
印刷会社に入稿するときはラスタライズ化することが多い
作ったイラストでTシャツや名刺、チラシ、ポスターなどを作りたいときに印刷会社に入稿しますが、その前にラスタライズ化して入稿することが多いです。
ベクターデータで多く複雑なイラストを入稿すると、どうしてもデータが重くなってしまったり印刷する際のトラブルになることが多くなるのでラスタライズしてから入稿することが多いです。
![一般的な入稿するとき設定](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/rasterization-option.png?resize=722%2C489&ssl=1)
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
複雑なイラストにPhotoshop効果を適用したい
![複雑なイラストにはラスタライズを適用](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/03/complex-100.jpg?resize=880%2C696&ssl=1)
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
上の記事にIllustrator効果とPhotoshop効果の違いなど全て書いてありますが、ベクターデータのイラストが複雑になってそのままPhotoshop効果を適用するとその後の動作が重くなってしまいます。カクカク止まっているときのほとんどは複雑なイラストにPhotoshop効果を適用しているときです。
そんなときはPhotoshop効果を適用する前にラスタライズしてラスター画像にしてからPhotoshop効果を適用してあげるとデータが重くなりすぎずに済みます。
まとめ
イラレ上のラスタライズについてラスター画像とベクター画像の違いを理解しながら解説しました。まだ複雑なイラストを製作したことのない人にとったらラスタライズは聞き慣れない言葉かもしれませんが、しっかりと理解するとこれからのイラスト編集がずっと楽になりますよ。