Illustratorで画像の書き出しをすると1pxサイズが違う時の解決法
Illustrator でアセットやアートボードの書き出しをすると1px~2pxサイズが大きくなることがあります。色々試してみたところ、どうやらこれはIllustrator上での数値が整数になっていないと起こるようです。以下の2点を確認すれば解消できます。
- アートボードを整数位置にする
- オブジェクトを整数位置にする
1アートボードを整数位置にする
作業中にアートボードを動かしたならアードボードにも小数点が入っていますので整数位置にします。
アートボードパネル > 右上のメニューボタンから、すべてのアートボードを再配置 > 間隔の値に整数を入れOK(アートボードオプションから個別に数値を入力してもいいです。)
2オブジェクトを整数位置にする
オブジェクトを選択 > 変形パネル > X Y W H の値を整数にする
これでサイズぴったりに書き出せます。
事前にスナップ機能をオンにしておく
右上にあるピクセルにスナップ機能をオンにしておくとこういった事態が防げます。
ちなみに左隣にあるピクセルに整合ボタンは、選択したオブジェクトの値を一括で整数値(または0.5単位)にできますが、オブジェクトに垂直と平行のセグメントが無いと"選択項目にはピクセルグリッドに最適化できないアートが含まれています。"と出て効きませんので、数値を手動入力するのが確実かと思います。星型やハート形には効きませんのでお気をつけください。