問題タブ [png-24]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
7 に答える
5336 参照

graphics - png24からpng8をどのように見分けることができますか

透過性のために、多くの png24 ファイルを使用する Web サイトに取り組んでいます。

png24 のすべての png 修正スタイルの javascript 回避策により、IE6 がランダムにロックされるため、それらを png8 ファイルに置き換える必要があります。

このリンクを参照して、IE6 が表示する症状を理解してください - http://blogs.cozi.com/tech/2008/03/transparent-pngs-can-deadlock-ie6.html

既存のpng24ファイルをターゲットにしてpng8sに置き換える簡単な方法を知っている人はいますか?

私は OS X を使用していますが、Adobe ブリッジなどのファイル ブラウザではこれが表示されず、コマンドラインやファインダーで情報を見つけることもできません。

ヘルプ!

0 投票する
1 に答える
1942 参照

iphone - alphatransparency を使用して pngcrunch に最適化された 24 ビット PNG ファイルに対して、コンポーネントごとに何ビットを指定する必要がありますか?

CGBitmapContextCreate は、私にはあまり明白ではないパラメーターを取ります。

たとえば、32 ビットのピクセル形式と RGB 色空間の場合、コンポーネントあたり 8 ビットの値を指定します。

alphatransparency を使用して 24 ビットの PNG ファイルを作成し、Xcode に追加しました。コンパイル時に、Xcode はこれらの PNG タイルを pngcrunch で最適化します。

そのため、iPhone-OS でこのような画像ファイルからグラフィックス コンテキストを作成しようとする場合、コンポーネントごとのビット数を指定する必要があります。

この場合、アルファがコンポーネントとしてカウントされるかどうかはわかりませんが、コンポーネントごとに 4 ビットであると言えます。

0 投票する
3 に答える
1771 参照

iphone - 理論的には、iPhone OSでアルファコンポーネントをPNGの他のコンポーネントに事前に乗算する方法と、適切に事前乗算を解除する方法を教えてください。

実際、それを実現する簡単な方法があると思いました。必要なのは純粋なアルファ値情報です。テスト用に、50 x 55ピクセルのPNGがあり、すべてのエッジで5x5ピクセルの長方形が完全に透明になっています。これらの領域では、アルファは0である必要があります。それ以外の場合は255である必要があります。PNGが正しく作成され、正しく表示されることを確認しました。

これが理論的に正しいかどうか教えてください。アルファチャネルのみを含み、他には何もないCGImageRefを作成しました。これは、パラメータとしてCGBitmapContextCreateとkCGImageAlphaOnlyを使用して行われます。CGBitmapContextGetBitsPerPixel(context)は私に1を返すので、ピクセルごとに実際には1つのコンポーネント(目的のアルファ値)しかないことを示しています。CGBitmapContextCreateが、指定された画像から新しく作成されたコンテキストへのすべての変換を処理することを読んでいます。私の画像は以前は透明度のあるPNG-24でしたが、Xcodeのpngcrunchはどういうわけかそれらを変換しているようです。

したがって、理論的には、この時点で、事前に乗算されていない正しいアルファに到達する機会はありますか?私が得る値はほぼ一致しているように見えますが、大きな5x5の透明な正方形では、19、197、210、0、0、0、98などの値が得られます。もしそれらが本当なら、私は画像から何かを見なければならないでしょう。画像自体は青一色です。

0 投票する
2 に答える
3309 参照

php - PHPで透明なPNGファイルに色を付けるにはどうすればよいですか?

透明なPNG画像があります。透明な領域は完全に透明なままである必要がありますが、他の領域は特定の色相で着色する必要があります。

GDを使用してこれを行うための最良の方法は何ですか?

乾杯、
ジェームズ

0 投票する
3 に答える
2247 参照

png - FireworksのPNG8+Alpha(カラーマップ)は、他の場所(RGBA)とは異なる/小さいです。なんで?

Fireworksで、アルファ透明度のPNG8ファイルをエクスポートすると、結果のファイルは次のようになります。

他のツール(PNGOUT、Smush.it)を使用して32ビットPNGを変換すると、結果は次のようになります。

違いは正確には何ですか?どちらもアルファ透明度がありますが、Fireworksファイルは8KBで、その他は20KBです。これで、Fireworksファイルの品質が著しく低下します(つまり、グラデーションのバンディングが発生します)。

一部の画像では、FireworksのPNG8 + alphaがうまく機能し、ファイルサイズが比較的小さくなっています。Fireworksが何をしているのか、他の方法とどのように違うのかを理解できていません。

0 投票する
5 に答える
3457 参照

internet-explorer-6 - IE6 での透明な背景の png 画像の問題

タイプ PNG の背景画像は ie6 では透明ではありません

0 投票する
2 に答える
1644 参照

java - Java ImageIO: PNG-24 ファイルを PNG-8 に変換できますか?

シナリオは次のとおりです。webapp のユーザーは、独自のロゴ画像、背景色、および背景画像を選択して Web サイトをカスタマイズできます。

問題は、IE6 が透過 PNG をサポートしていないことです。私はいくつかのクライアント側のソリューションを試しましたが、すべてがいずれかの側面で不十分です (ほとんどは css プロパティをサポートしていませんbackground-repeat)。

サーバー上に 2 つの個別の画像を作成する代替ソリューションを探しています。1 つは最新の透明な png 準拠のブラウザー用で、もう 1 つは IE6 用です。

質問は、でこれを達成できImageIOますか? 基本的に、画像が PNG-24 形式であるかどうかを検出し、それを PNG-8 (IE6 でサポートされている) に変換します。

0 投票する
1 に答える
887 参照

iphone - iPhone タブ バー コントロール アイコンの問題

タブ バー コントロールでのアイコンの使用に問題があり、修正方法がわかりません。私が使用しているアイコンは png 形式 24*24 です。

背景がグレーのグラデーションで、中央に黒い形があります。私が抱えている問題は、背景のグラデーションのみが表示されることです。真ん中の黒い形はそうではありません。

間違ったフォーマットか何かを使用しましたか? 私はpng形式のサイズ24 * 24を使用するために本を読みました

0 投票する
2 に答える
1339 参照

php - PHP透かし - Zubrag

私はzubrags PHP透かしスクリプト(以下に添付)を使用していますが、透かしとしてPNG-24を使用しようとする場合を除いて、うまく機能します。結果の画像には、文字化けした非透明の透かしが含まれます。PNG-24が画像に適切な透かしとして埋め込まれるように、以下のスクリプトで何を変更する必要があるかを誰かが説明できるかどうか疑問に思っていますか? 私はこの記事に出くわしました: http://www.benholmen.com/blog/2008/12/adding-png-watermarks-to-jpegs-with-php/ PNG のための PHP の imagealphablending() 関数の使用について述べた- 24サポート。

助けてくれてありがとう。とても感謝しています:)

ズブラグの透かし:

0 投票する
6 に答える
5017 参照

javascript - cssを使用してインラインpngを透明にする方法は?

インラインpngをdiv内で透明にする方法は?cssを使用する

これは例えば画像です。ボール以外の白い部分を透明にしたいです。IE6では灰色に見えます

代替テキスト

このようなCSSでやりたいのですがdiv#report img {.....}可能ですか?

編集:

画像全体を透明にしたくない

アップデート:

ここに例http://jsbin.com/ubabo3を追加しました