Illustratorで画像の書き出しをすると1pxサイズが違う時の解決法

Illustrator でアセットやアートボードの書き出しをすると1px~2pxサイズが大きくなることがあります。色々試してみたところ、どうやらこれはIllustrator上での数値が整数になっていないと起こるようです。以下の2点を確認すれば解消できます。

  1. アートボードを整数位置にする
  2. オブジェクトを整数位置にする

1アートボードを整数位置にする

作業中にアートボードを動かしたならアードボードにも小数点が入っていますので整数位置にします。

アートボードパネル > 右上のメニューボタンから、すべてのアートボードを再配置 > 間隔の値に整数を入れOK(アートボードオプションから個別に数値を入力してもいいです。)

f:id:okano-myuz:20190814131241p:plain

f:id:okano-myuz:20190814131247p:plain

2オブジェクトを整数位置にする

オブジェクトを選択 > 変形パネル > X Y W H の値を整数にする

f:id:okano-myuz:20190814132026j:plain

f:id:okano-myuz:20190814132030j:plain

これでサイズぴったりに書き出せます。

事前にスナップ機能をオンにしておく

右上にあるピクセルにスナップ機能をオンにしておくとこういった事態が防げます。

f:id:okano-myuz:20190814132247p:plain

 

ちなみに左隣にあるピクセルに整合ボタンは、選択したオブジェクトの値を一括で整数値(または0.5単位)にできますが、オブジェクトに垂直と平行のセグメントが無いと"選択項目にはピクセルグリッドに最適化できないアートが含まれています。"と出て効きませんので、数値を手動入力するのが確実かと思います。星型やハート形には効きませんのでお気をつけください。

f:id:okano-myuz:20190814132656p:plain