photoshop PNGで書き出すと背景が黒くなってしまう

[雄也5EEF]

タイトルについて質問させていただきます。

photoshop のバージョン21.2.3を使用しています。PCは、macのMojaveです。

photoshopで背景透過PNGファイルを開くと透明なはずの背景が黒く表示されてしまいます。 デスクトップ上のサムネイル画像ではしっかりと背景が透過されています。 原因はなんでしょうか？また、photoshop上で背景透過を維持したまま開く方法はありますか？

[katayanagi51]

アップロードされたPNG画像をPhotoshopCC2018（v19.1.9）で開いてみましたが，「アイネクライネ_空.png」は透明が保持されていました（画像）。逆にスクリーンショットのほうは白く塗りつぶされています。

 

念のため「透明なはずの背景が黒く表示され」ている状態のスクリーンショットを見せていただけるとありがたいです。

[雄也5EEF]

ご返信ありがとうございます。

私の場合は、書き出したファイルを開くと以下のようになってしまいます。

[monokano]

v21.2.3とMojaveで試しました。透過箇所は黒くならず、正常に市松模様になります。

「システム再起動」「Photoshopをアンインストールして、再度インストール」は試してみましたか？

[雄也5EEF]

ご返信ありがとうございます。

アンインストールと、再度インストールは試してみましたが結果は変わりませんでした。。

[katayanagi51]

たしかに，黒…ですねぇ。

確認ですが，Photoshop v21.2.3(Mojave)から書き出した透過PNGファイルをPhotoshop v21.2.3で開き直すとスクリーンショットのように黒くなる，ということで間違いないでしょうか。

また，最初にアップロードされた「アイネクライネ_空.png」は間違いなく透過PNGデータですが，このファイルは正しく透明（市松模様）の表示になっている，ということで合っていますか？

[雄也5EEF]

ご返信ありがとうございます。

>Photoshop v21.2.3(Mojave)から書き出した透過PNGファイルをPhotoshop v21.2.3で開き直すとスクリーンショットのように黒くなる，ということで間違いないでしょうか。

はい。透過PNGファイルをPhotoshop v21.2.3で開き直すと黒くなってしまいます。

＞最初にアップロードされた「アイネクライネ_空.png」は間違いなく透過PNGデータですが，このファイルは正しく透明（市松模様）の表示になっている，ということで合っていますか？

はい。正しくは市松模様になるはずです。

[雄也5EEF]

すみません。

>Photoshop v21.2.3(Mojave)から書き出した透過PNGファイルをPhotoshop v21.2.3で開き直すとスクリーンショットのように黒くなる，ということで間違いないでしょうか。

はい。Photoshop v21.2.3で透過PNGファイルを書き出して、それをデスクトップで開き直すと黒くなってしまいます。

語弊がありましたので訂正させていただきます。

[monokano]

> それをデスクトップで開き直すと黒くなってしまいます。

「デスクトップで開き直す」は、pngファイルをダブルクリックしているってことですよね。

そうすると、もしかしてPhotoshopではなく、Google Chromeで開かれているのを見ているのではありませんか？

[雄也5EEF]

ご返信ありがとうございます。

photoshopで書き出したpngファイルをデスクトップに保存して、photoshopを閉じた後にデスクトップに保存されたPNGファイルをプレビューで開いています。書き出したPNGファイルを確認するためにどうしてもプレビューを介してしまいます。

これまでも上記のやり方で、背景を抜いた画像であることは確認できたのですが。。。

プレビュー以外で書き出したPNGファイルを確認する方法はございますでしょうか？

photoshop 歴が浅く無知な事も多いですが、何卒ご教授いただきたいです。

[monokano]

書き出したpngファイルは、Photoshopで開けますよ。

DockのPhotoshopアイコンにドラッグ＆ドロップするだけです。

ファイルをダブルクリックするだけでPhotoshopで開くように変更することもできます。

macOSで、どのアプリケーションで開くかを指定する3つの方法（関連付け）

[assause]

Mojaveとのことですが、マイナーアップデータとセキュリティアップデータは最新まで適用されているものでしょうか。

環境として気になるとしたらその点になります。

10.14.6より古いバージョンだとした場合は、OS提供のグラフィックドライバーが古いままで表示に問題が出ることがあります。

[雄也5EEF]

ご返信ありがとうございます。

アップデートは最新の状態になっております。

その他にアップデートできる箇所はありますのでしょうか？

[assause]

すみませんが、そのスクリーンショットだとMojabeではなく、Catalinaですから、10.15系です。

ですので質問の前提が崩れることになってしまいます。

またmonokanoさんが指摘されていますが、Photoshop以外での表示であれば、それ自体は表示する個々のアプリケーション等での仕様です。

pngの透明部分については、表示するアプリケーションの仕様によって、どのように表示されるかは異なります。

Windows環境ですが、Chromeとエクスプローラーでは黒ですが、FirefoxとWindows付属のフォトアプリでは白でした。

Photoshopでの市松模様も、ある意味アプリケーションの個別仕様としてそのように表示するもの、ともいえます。

[雄也5EEF]

ご返信ありがとうございます。

PCの仕様が誤っておりました。申し訳ございません。

アプリケーションによって出力の見え方が異なるのですね。

photoshop で書き出したPNG画像の市松模様を確認するためには、どのように確認すれば良いのでしょうか？

ご教授いただけると嬉しいです。

[Yamonov]

最初にご自身で書かれていたように、「Photoshopで」確認してください。

Preview.appで半透明表示が市松模様だったことは過去に無かったはずです。

[Yamonov]

Photoshopの使い方でなく、AppleのPreview.appの使い方の話になるのでここでは簡単に説明しますが、背景色はPreview.appの環境設定で変更できます。