ホームページ製作に使用する画像素材を作るとき、ほとんどの場合、PhotoShopを利用していますが、時にはillustratorを利用して画像を作る場合があります。
そんなとき、PhotoShop、illustratorともに作成した画像を「WEB用に保存」をするわけですが、illustratorを使用した場合に、どうしても1pxが合わない現象が起きます。←理由がわかりません。グリッドの問題かな?
実は、トンボを利用することでこの問題を解決することができるのです。
やり方は、作成した画像と同じ大きさの四角を描き、その四角をトンボに利用します。
トンボを設定した後、「WEB用に保存」をすることで、1pxのずれを防ぐことができます。
WEB用の画像は1pxがクオリティーの差を生むので覚えておきたい裏技です。