終了

Display P3 PNG画像を「配置した画像を含む」で保存すると、画像の色が化けてしまう

Community Expert ,
Jun 21, 2022 Jun 21, 2022

リンクをクリップボードにコピー

コピー完了

手元で確認した、Illustratorの不具合と思われる事項の情報共有です。

 

Illustrator 26.3.1 において、カラースペースDisplay P3のPNG画像(具体的には、iPad(iOS 15.5)で作成したスクリーンショット)を配置し、保存時にIllustratorオプションで「配置した画像を含む」にチェックを入れると、ファイルを開き直した後、画像の色が化けます。

 

また、埋め込んだPNG画像は「クリップグループ」という状態にもなっています。

 

 

26.2.1バージョンでは、同じ手順でも問題なく保存されています(PNG画像は埋め込みファイルになる)。

 

次の2件のディスカッションの動作確認中に、この点に気がつきました。


解決済み: 配置したカラーの画像の色が薄く抜けてしまう件 - Adobe Support Community - 12988755
https://community.adobe.com/t5/illustrator%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/...


解決済み: Re: イラレにカラーのスクショ画像を配置し保存して開くと画像がネガポジに - Adobe Support Community - 13008790
https://community.adobe.com/t5/illustrator%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/...


この回避策としては、『保存時のIllustratorオプションで「配置した画像を含む」を使わずに、リンクパネルを用いて各画像を個別に埋め込む』、『ひとつ前の26.2.1バージョンを使う』、2件のディスカッションでも話されていた、『Display P3 PNG画像(16bit/チャンネル)を「8bit/チャンネル」に変換して使う』、等が考えられます。

 

チェックに用いた機材は、次の通りです。

 

Windows 10 Pro 21H2

NVIDIA GeForce RTX 2060 SUPER

 

Windows 11  21H2
Surface Book3


以上です。同様の件でお困りの方への情報共有になれば幸いです。

 

【2022年6月24日追記】

 

US版、User Voiceにつぎのようなディスカッションがあるそうです。
katayanagi51さんTen Aさん 情報ありがとうございます。)

 

pngデータ配置するとイラレデータ開くたびに画像が全てグレーになる – Adobe Illustrator
https://illustrator.uservoice.com/forums/601447-illustrator-desktop-bugs/suggestions/45283960

 

Illustrator turning all PNGs into negatives after saving and reopening document – Adobe Illustrator
https://illustrator.uservoice.com/forums/601447-illustrator-desktop-bugs/suggestions/45228802

 

Re: Lost included image color Illustrator 26.3.1 o... - Adobe Support Community - 12955184
https://community.adobe.com/t5/illustrator-discussions/lost-included-image-color-illustrator-26-3-1-...

 

.

 

 

キーワード
バグ

表示

1.4K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

ふと思ったのですけど、「macOSのスクリーンショットのpng画像がリンク配置で色化け」の場合は、もしかするとmacOSでディスプレイプロファイルをDisplay P3にしているのかもしれませんね…。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

monokano さん、こんにちは。

 

コメントいただいた意味が、まだよく理解できていないのですが、対象の画像をリンク配置した段階では、問題なく表示されていて、Aiを保存するときにオプションの「配置した画像を含む」を選ぶと、次に開いた時に色化けしてしまうんです(添付動画参照くださいませ)。

 

Display P3 PNG画像(16bit/チャンネル)を「配置した画像を含む」にすると、うまく処理できていないのでは?と思っております。

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

そもそもはiOS機器ではなく、macOSで「欲しい画像をshift +command +4 でスクリーンショットしてディスクトップに取り出したものをイラレに貼り付ける作業」で発生したと書かれています。

Jun 16, 2022

そこが謎だったのですが、今、検証して再現できました!

 

色抜け.png

この画像は、あのスレッドで問題を説明するために張られていたものです(ローカルに保存可能)。

で、この画像自体が「問題が発生したmacOS環境でのスクリーンショット」だと気がつきまして、この画像で検証してみました。

 

1. カラー設定を「一般用 - 日本2」にする。

2. Illustrator 2022 26.3.1で新規ドキュメント(CMYK)を作成する。

3. この画像をリンク配置する。

4. Illustrator形式(.ai)で保存する。「配置した画像を含む」をONにする。閉じる。

5. 再度開く。

 

これで色化けが再現しました。埋め込み画像にもなっています。

色化け.png

 

それでは件の画像はどうなっているのか調べると、下記の通りでした。

・8bit/チャンネル

・カラープロファイル:カラーLCD(Display)

16bitでもDisplay P3でもないんですよね…。

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
みんなのチャンピョン ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

monokanoさんの手順で再現しました。

 

で、保存時に配置した画像を含むオフであれば、作業中に埋め込もうが何しようが色は変わりません。

配置した画像を含む:オンだと、作業中に埋め込みしたものも含めて、上書きで色が変わります。

 

これは添付の画像と、こちらのモニタプロファイルの埋まったスクリーンショットで確認しました。

Yamonov

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

monokano さん、こんにちは。

 

こちらにイマドキのMacがないので手元で確認はできていませんが、その状況下でも現象が起きるのですね。

検証ありがとうございます。

 

発端になった件とスレッドをわけて新しく立てたのは、問題になっていた件と現象が起きた状況が異なるからという理由がありました。

 

こちらでは、『Display P3 PNG画像(16bit/チャンネル)を「8bit/チャンネル」に変換して使う』と問題が起きないので、発火条件が謎ですね。いずれにせよ、これは不具合にあたりそうな気がしています。

 

 

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

とりあえず、乗りかかった船的な感じで、持ってる機器で試してみました。

※古いMacですが、monokano さんの条件で取れたのでそちらも。

 

USの方で、検証始まっているようなので、修正待ちな感じではありますが、「Aiを保存するときにオプションの「配置した画像を含む」」を使うときは、注意が必要ですね。

 

※このオプションは、これまで使用したことがありませんでしたが、使う方もいらっしゃるでしょうし。

 

r360studioKazueMori_0-1656036255805.png

 

試したPNGファイル

 

[NG]
Display P3
(iPad Pro / iOS 15.5 / 16bit)


[NG]
Display P3
(iPad Pro / iOS 15.5 / 16bit)
※Photoshopで落書きして、上書き保存


[OK]
Display P3
(iPad Pro / iOS 15.5 / Photoshop 8bit変換)


[OK]
sRGB Transfer with Display P3 Gamut
(Pixel 6 pro / Android 12 / 8bit)


[NG]
Display(8dpc)
(Mac Pro A1502 Big Sur 11.6.1)

 

[OK]
タグのないRGB(8dpc)
sRGB IEC61966-2.1
(iPod touch / iOS 12.5.5)

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

理解を深めるために自分でもやってみました。

ひとまず、バージョンは動かせない上で「いちいちPhotoshopめんどくさい」という場合には埋め込み配置を推奨という感じでしょうかね。

いや、「配置画像を含む」にチェック入れるなって話ですね…

スクリーンショット 2022-06-24 12.47.49.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

もうちょっとだけ検証の続きです。

なんとなく、法則性が見えたような気がします。

 

「PNGのビット深度(ビットの深さ)」が、32の倍数の時に、Illustrator保存オプションで「配置した画像を含む」としたときの画像の色化けが起きるのかも。

 

↓の2列目左側なのですが「Photoshopでぼかしガウス」をかけて保存したときにOKでした。

 

r360studioKazueMori_0-1656051136035.png

 

1列目右側の「Photoshopで落書きして上書き保存」したときはNGだったので、なんでかなぁ?と思っていたら、「ぼかしガウス」をかけた後に「PNGのビットの深さ(ビット深度)」が「64から48に」変わっていました。

 

【よくわかってないところ】
どちらも、チャンネルは16bitのままなのですが、PNG保存したときにビット深度が変わってしまうんですね。。チャンネルとPNGのビット深度の関係性がよくわかってません。

 

それならばと思い、Macのスクショ(Display 8bit)を、Photoshopの画像アセットにかけて、ビットの深さを「32から24に」変更してみました。

 

↓が、「配置した画像を含む」としたときの結果ですが、24ビットのPNGは大丈夫でした。

 

r360studioKazueMori_1-1656051192925.png

 

なので、この不具合が解消されるまでの間、どうしても「配置した画像を含む」を使わないと行けないときは、PNGのビット深度を32ビットの倍数にならないようにすれば、もしかしたらうまくいくかもしれません。

(個人の実験結果のため、おま環かもしれません。)

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
積極的な参加者 ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

再現しました。
イラレ2022 26.3.1でai保存時「配置した画像を含む」をONにすると自分で撮ったキャプでも紫化したのでちょっとびっくりしました。
png限定なのでしょうか?ちょっと怖いですね。当方win10です

スクリーンショット 2022-06-24 125107.png

 が

スクリーンショット 2022-06-24 125242.png

 こうなりました

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

原因調査中のようなので、バグ報告はしなくても大丈夫そうです。

 

Lost included image color Illustrator 26.3.1 on Mac Os 12.3.1(US) 

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jun 23, 2022 Jun 23, 2022

リンクをクリップボードにコピー

コピー完了

最新

おそらくなんですが、ファイル保存の際に埋め込みを行う処理をした場合に通るフィルターで不具合が生じているように思います。
検証の結果、保存時以外の処理上でラスター化を含むものに関しては24bit・48bit関係なく正常に埋め込まれるという結果になっています。
PGF上のバイナリ配置をチェックすると予め埋め込まれたビットマップと保存時に埋め込まれるビットマップには明らかな相違があるように思います。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines