2017-08-17 13 views
0

私のウェブサイトには透明なPNGが含まれています。境界線に白いピクセルがあり、実際にはバグがあります。透明なPNGの周りの白いピクセルを削除するには?

このピクセルを含むイメージ自体ではなく、CSSに境界線も設定されていないことを再度確認しました。

誰もがこの問題を知っていて、助けてくれたらうれしいです。ここで

は、私が何を意味するかのスクリーンショットです: image

+1

それは、画像..オープンPhotoshopやズームでなければなりません – funkysoul

+1

あなたはどのようにダブルチェックしなかったことをイメージこれらのピクセルは含まれていませんか?それは確かにそうであるように見える。見るためにイメージを黒く重ねてみましたか? –

+0

Jon Uleis、はい、それは黒いレイヤーの上にそれを重ね合わせて、確かめます。白いピクセルはありませんでした:D – Veltinator

答えて

0

あなたはこのようなGIMPPhotoshopなどの画像エディタを使用する必要があります。

これをアーティストから入手した場合、エクスポートされたイメージに白い境界線が付いていると不平を言うことができます。それ以外の場合は、ブラシを使用して自分で消去する必要があります。これは痛いものです。

1

これはCSSでは不可能です。

白い枠が画像に含まれています。

ソリューションは、Photoshopなどの画像編集ソフトを使用することです:

  • 魔法の杖ツール
  • 拡張の1ピクセル(またはそれ以上必要な場合)
  • と透明な領域を選択しEnterキーを押して、
  • 保存を削除as PNG
+0

ありがとう、私はそれを試みます。通常、私はPhotoshopでかなりうまくいき、実際に緑のピクセルを持つ画像であるかどうかを確認しました。私は何も見ることができませんでした。 もう一つの奇妙なことは、ワンドツールでそれを取り除くまでは、周囲に黒色しかないことです。実際には、周囲の黒いピクセルの代わりに白です:D – Veltinator

1

ロゴの作成には、ベクターアプリケーションを使用できます。 "Corel Draw"のように。私は

sample PNG

+0

あなたは途中で影を失いました。 ;) –

+0

サンプル画像を変更しました –

0

問題が解決されたサンプルのためにあなたのロゴを作成しました!私は別の色空間を使用してWeb用のそのイメージを保存しているし、それが問題を引き起こした

:/

関連する問題