PhotoshopがこのPNGを正しく開けないのはなぜですか?


9

この画像をPS(CS5)で開こうとすると、画像の透明でない部分の周りに赤い長方形が表示されます。

画像をコピーしてPSに貼り付けると、ブラウザで表示されるように画像のコンテンツが表示されますが、黒い背景が組み込まれています(実際には透明ではありません)。

この画像の何が問題になっていますか?!それとも私のPSですか?

私のPNG

回答:


17

正確なインスタンスについてはわかりませんが、透明度の代わりに黒または別の色で開くPNGファイルに遭遇することがよくあります。これは通常、画像自体に完全なアルファマスクを使用するのではなく、インデックス付きの色を使用し、アルファパレットがあるPNGファイルが原因です。

基本的に、通常PNGファイルを保存するときは、24ビットのフルカラー(チャネルあたり8ビット)と透明度情報を格納するアルファマスク(基本的には別の8ビットチャネル)を使用します。パレットカラーを使用すると、24ビットのRGBカラーとしてインデックスが作成され、個別の8ビットアルファマスクが保持されます。

ただし、PNGはアルファパレットもサポートしています。これは、インデックス化された各色が32ビットRGBA色として保存され、透明度データがパレットに埋め込まれていることを意味します。インテリジェントに行うのは難しいため、これはまれであり、残念ながら、Photoshopのカラーモードには適合しません。したがって、Photoshopが開くと、インデックスが付けられた各色のRGBコンポーネントのみが読み取られ、アルファマスクが検出されないため、すべての透明度データが失われます。

部分的に透明な領域に任意のマットカラーが適用されているファイルに遭遇したことを覚えていませんが、これは同じ問題のバリエーションである可能性があります。


3
ええ、それはインデックスカラーのPNGです。GIMPで開いてみましたが、インデックス付きカラーモードで1ビットの透明度を使用しているため、テキストは本当にブロック状に見えます。ただし、カラーモードをRGBに変更するだけで修正されます。同じトリックがPhotoshopでも機能するかどうかを試してみることができます。
Ilmari Karonen、2012

PSDでRGBに変更しても、画像が表示されるはずなので、画像が表示されませんでした...
Gaia

5

レセはそれを釘付けにした。それは確かにPNG 8であり、本当に奇妙なパレットを備えています。Fireworksで開く方法を以下に示します。これにより、正しく識別してレンダリングされます。表を見ると、むらがある理由は明らかです。透明な場所を除くすべての場所の色は同じです。アンチエイリアス?アンチエイリアスは必要ありません。

ここに画像の説明を入力してください


そう、基本的にPhotoshopはパレットのRGBデータのみを表示しています。すべてのインデックス付きカラーには同じRGBコンポーネントがありますが、255と0の間のアルファ値は異なります。Photoshopは、A値が0のカラーを「透明」(小さなひし形)として表示するようにハードコードされていると思いますが、そうではありません。 1から254までのA値をどうするかを知っているので、Aを赤一色として扱います。
Lèseはmajesté

それはPhotoshopではなくFireworksです。
アランギルバートソン

あ、ごめんなさい。Photoshopでパレットを見たところ、Fwで表示された137の後に119の余分な色が表示されることを除いて、それは似たようなものです。余分な色はグレーの濃淡を繰り返しているので、そこで何が起こっているのか本当にわかりません。しかし、それをRGBカラーに変更しても、Gimpのように問題が解決するわけではありません。
Lèseはmajesté

1
FWの利点は、PNGがネイティブファイル形式であるため、Photoshopよりも「すべてのものpng」の方がはるかに賢いということです。キャプチャに表示されるとおりに画像が開きます。FWはまだ私のアプリケーションリストにあり、より深く掘り下げる必要があります。一方、この種の診断には便利です。
アランギルバートソン、2012

ありがとう、間違いなく私がFWを使用して正しく読み取ることができることを知るのに役立ちます。
ガイア

5

あなたの質問は上記の人々によってよく答えられていますが、私はその後に続く人々のための行動方針について言及しますが、Preview.appまたはpixlr.comでインデックス付きpngを開き、画像をpngとして再保存して取得できます。画像への無損失アクセス。その後、PSを使用して任意の形式で画像を再保存できます。

信頼できる出力のために、Image AlphaとImage Optim を使用しています。記事のMor情報:「動作するPNG」、PNG8形式、およびその他のPNG最適化の問題について詳しく説明しています。


4

WebデザイナーはFireworksを使用して8ビットPNGファイルをアルファ透過チャネルで保存することがあります。これにより、古いブラウザーの一部は、独自のハックやIE CSSフィルターなどを使用せずに、アルファ透過をより確実に処理できるようになります。Photoshopのカラープロファイルでは、これを正しく認識またはレンダリングします。


0

私はこれと同じ問題、奇妙なことを持っています、仕事でファイルをうまく開くことができ、それは透明度を示します自宅で緑の色合いとその不透明さが表示されますか??? 私はクレイジーに実行しています...同じファイル、同じフォトショップのバージョン、両方が異なる方法で開きますか?!?!OSXでのプレビューはファイルをうまく処理し、それはさらに奇妙です。だから、プレビューとフォトショップの間に貼り付けてコピーし、フォトショップで正しく見えるようにして、新しいエクスポートを作成します。私はバージョン3以降でPhotoshopを使用しています。これまでこれにぶつかることはありません。それでも毎日学びます;)


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.