illustratorで透過素材を読み込んだら、透過部分が黒い状態で読み込まれてしまう

清典5C1E さん、お返事遅くなりました。

（いろいろ調べてたりしてたら、時間が経ってしまいました💦）

結論としては、「ファイル＞書き出し＞スクリーン用に書き出し」の「PNG8（透明度あり）」を用います。

具体的には↓次のように設定します。

１）PNG8の［フォーマット］詳細を確認

❶ギアアイコンをクリックし、❷［形式の設定］－［PNG8］の「透明度」にチェックをいれます。これで、フォーマットでPNG8を選んだときに、アートボードの何もない部分が透過されます。

２）書き出す時のフォーマット形式を❸PNG8にする

比較のため、サンプルのaiファイル（清典5C1E さんのファイルに似せて作りました）から、スクリーン用に書き出したファイル、Web用に保存で書き出したファイルを添付します。

↓は、それぞれのPNGをIllustratorで読み込んだスクリーンショットです。

以下、いまの状況の補足です。

Web用に保存・PNG8で書き出したデータはインデックスカラーになっているため、書き出し時に「透明部分」をチェックしていたとしても、Illustratorで読み込むと背景が透過されません。

この仕様が以前からそうだったのか、どこかのバージョンで変わってしまったのかはわかりませんでした。また、Illustrator側も、以前はインデックスカラーでも透過がされたのか、どこかのバージョンで変わってしまったのかは、わかりませんでした。

（以前は大丈夫だったのに、いまはNGになる理由は定かではなかった、ということです。）

「Web用に保存」メニューは、旧バージョンとの互換のために残されていて、今後、機能変わることはないと思いますので、「スクリーン用に書き出し」の方を使って書き出しをした方が運用上はよさそうだと思います。

以上、ご参考になれば幸いです。