illustratorでアセット書き出しした際に余白・線が入る原因

  • 2019.04.09
  • WEB
illustratorでアセット書き出しした際に余白・線が入る原因

アセットの書き出しトラブルについて

illutratorのアセット書き出しで余白が入る例
背景色の上にアセット書き出しした画像をのせた例

illustrator(イラストレーター)では、クリッピングマスクを使用した画像をアセット書き出しした際に余白ができてしまう問題があります。

今回は、その対処法はではなく、小数点問題によるアセット書き出し時の余白・線が入る問題の解決方法をご紹介します。

では、早速ですが結論を申し上げます。

座標・幅・高さの小数点をやめましょう

illutratorの変形パネル

上記のようにX、Y、W、Hなどで小数点が混じっていると書き出しした際に余白や線が入る原因になります。

オブジェクトの座標位置がおかしい場合、変形パネルのオブジェクトの座標の値を整数にすることで解決します。

まとめ

脱小数点でイライラのない快適なWEB制作ライフを送りましょう。

WEBカテゴリの最新記事