Illustratorで作成した図形を画像にする場合に、Illustratorから直接PNG書き出しをした場合は問題がないのですが、Illustratorを一旦PDFに書き出しして、そのPDFをAcrobatでPNG化すると、元のIllustratorデータと比較した際に微妙にズレる現象が発生しました。
重ねて確認しないと気づかないくらい微細なのですが、仕上がりに影響する場合もあると思うので、内容をご紹介します。
Illustratorから直接PNGに書き出した場合
Illustratorで以下の様な図形を作図し、「ファイル」→「書き出し」→「書き出し形式」で「PNG」を選んで書き出します。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/f736a7cc6ce2c8b168cbeba6e0578a83.png)
![](https://watanabedesign511.info/wp-content/uploads/2023/07/AI_to_png.png)
検証のため、図形を重ねて乗算にしてみます。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/kasane1.png)
拡大してみます。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/SS-2023-07-22-21.25.13.png)
ピッタリ重なっていてズレていません。
IllustratorをPDFに書き出し、AcrobatからPNGを作成した場合
ややこしいですが、まず、先程同様の図をまずはPDFに書き出します。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/PDF_to_PNG.png)
次にこのPDFをAcrobatで開き、「ファイル」→「書き出し形式」→「画像」→「PNG」を選択し、以下の設定でPNGに書き出しました。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/SS-2023-07-22-21.29.06.png)
そしてPDFから書き出されたPNGを、元のIllustratorファイルと重ねて乗算にしてみます。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/kasane3.png)
一見、合っている様に見えますが、拡大してみると、、、、
![](https://watanabedesign511.info/wp-content/uploads/2023/07/SS_2023-07-22_21_32_21.png)
更に拡大してみます。
![](https://watanabedesign511.info/wp-content/uploads/2023/07/SS-2023-07-22-21.32.27.png)
この様にズレが発生してます!
Illustratorから直接PNGに書き出した際は起きなかったズレが、IllustratorからPDFを経由して、Acrobatで書き出したPNGではズレが発生しています。
これが、形自体がズレているのか、図形のアートボード内での位置がズレているのか、そこまでは今回は検証していませんが、IllustratorからPNGを作成する場合は、PDFにはせずに、Illustratorから直接書き出す方が良さそうです。