こんにちは、ワタナベです。
今回はイラストレーターでpxずれしないよう画像（写真）を書き出す方法の備忘録です。
illustratorで画像を書き出すときに、下図のように画像のサイズに小数点が含まれていると、その分多きく書き出されてしまい1pxほど白く余白が出来てしまう場合があります。
↑の赤枠部分を整数にすれば大丈夫！…のはずなのですが……
整数に直しても余白ありで書き出されてしまうことが多々……
わざわざ直してアセットの書き出しをしてもなぜか余白が出来るという場面に何度も遭遇しておりました(´;ω;｀) 座標の方も整数にしてもダメ！
そして私はわざわざPhotoshopを開きそちらにペーストして余白が出来ないよう調整して画像を保存していました。
絶対にイラストレーター側でなんとかできるはず！と色々調べた結果、やっと余白無しで書き出すことに成功しました。
画像を余伯なしで綺麗に書き出す手順
まず、これまで通り画像のサイズを整数にします。
サイズを整数にしたら、画像を右クリックし「ピクセルグリッドに最適化」をクリックします。
これで書き出すとあら不思議。余白もなく綺麗に写真が書き出せました！
（座標は小数点があっても大丈夫ですが、うまくいかなかった場合はそちらも整数にしましょう）
皆様もイラレでの書き出しにはご注意を(‘ω’)ノ
それではまた次回。
ご閲覧ありがとうございました♪