web-dev-qa-db-ja.com

Photoshopでアルファ透明度を使用してPNG-8ファイルを保存する方法はありますか?

私は最近、以前は不可能だと思っていた何かを発見しました。PNG-8ファイルはPNG-32ファイルと同じ方法でアルファ透明度を保存できます。 インデックス付き透明度(GIFなど)ではありませんが、アルファ透明度でいっぱいです。

(これについて詳しくは、こちらをご覧ください: http://blogs.sitepoint.com/png8-the-clear-winner

どうやらFireworksを使用してこれを行うことは可能ですが、Photoshopを使用してこれを行う方法が見つかりません。

Photoshopでこの素晴らしい機能を有効にする方法を知っている人はいますか?アドオンまたはその他の手段で?これはWeb開発者にとって非常に便利なので、PSの最新バージョン(またはどのバージョン)にも含まれていないとは信じられません。

4

2015年の技術に関する最新の回答。

Photoshop Creative Cloud 2015を使用しています(PCの場合、Macで違いがあるかどうかはわかりません)。

「ファイル>エクスポート>名前を付けてエクスポート」

ここから調整するオプションはそれほど多くありませんが、PNG-8形式を選択すると、PNG-8形式の完全な(または完全に見えるもの)アルファ透明度が自動的に使用されます。実際に通常のPNG-24よりも結果が小さくなるかどうかは、画像サイズや色数によって異なります。同じ画像のPNG-24と比較した場合、平均して、私が使用している画像の最終ファイルサイズは約1/3になりました。

[〜#〜] note [〜#〜]:アルファ透明度を他の方法で機能させることができなかったため、画像モードがインデックスに登録されていないことを確認してください(レイヤーのアイコンをロック)。 RGBモードを使用して成功しました。

3
KnightHawk

私が知っていることではありませんが、画像をPNG-24として保存し、次を使用します。

http://compresspng.com

(私は http://www.8bitalpha.comhttp://tinypng.org を試しましたが、結果は良くありませんでした。)

2
Dunc

Ethan Gardnerのpngquantスクリプトを使用して、フォトショップファイルをalpha-txPNGに変換できます。 MacとPCで動作します。 http://www.ethangardner.com/articles/alpha-transparency-in-png-8-images-without-using-fireworks/

1
Donna

これは、特にWebデザインにとって重要なテーマです。大きなpng24画像は最大1MBになる可能性があり、Webサイトのデザインで使用することを検討することはほとんど不可能です。しかし、アルファ付きのpng8と同じ画像は約250kbで、多くの状況で問題ありません。

そして最後に、アルファ透明度を備えたpng8のドラッグアンドドロップソリューション、2013年4月現在無料: http://tinypng.org/

そして、いくつかの関連ツールはここにあります: http://pngquant.org/

楽しい!

1
Johan

Macを使用している場合は、優れた(無料の) ImageAlpha ツールを使用して、GUIやライブプレビューなどを使用してPNG-32に対してこれを行うことができます。

0
75th Trombone