ローダーをxooplate.comから取得し、含まれているアクションを使用してそれらをGIFにエクスポートしました。しかし、ローダーの周りに白いピクセルがいくつかあります。暗い背景に表示すると、本当に面倒です。これは、gifから抽出したフレームで確認できます。
これらの白いピクセルを防ぎ、透明な背景を維持するにはどうすればよいですか?
ローダーをxooplate.comから取得し、含まれているアクションを使用してそれらをGIFにエクスポートしました。しかし、ローダーの周りに白いピクセルがいくつかあります。暗い背景に表示すると、本当に面倒です。これは、gifから抽出したフレームで確認できます。
これらの白いピクセルを防ぎ、透明な背景を維持するにはどうすればよいですか?
回答:
透明度が8ビットgif / pngで機能する方法は、ピクセルが完全に透明または完全に不透明であることです。
円が背景に透明に溶け込んでいる円の角には、通常、遷移を滑らかにするために半透明のピクセルがあります。このスムーズな移行は、8ビットのgif / pngでは完全に再現することはできません。
これを偽造する 1つの方法は、すべての半透明ピクセルの背景マットを選択することです。つまり、完全に透明でないピクセルは、マットカラーの上にあるかのように計算されたカラーを取得します。
サークルgifの白いピクセルは、白い背景に対して使用されるように作られたため、このように発生しました。元の円の半透明のピクセルが白いマットカラーに対してラスタ化され、その結果、角の周りはほぼ白ですが完全に不透明なピクセルになります。
オリジナルの完全に透明な円がある場合にこれを修正するには、save for web & devices
背景に適したマットカラーを選択します。このようにして、潜在的に半透明のピクセルは、マットカラーに対して完全に不透明なピクセルに統合され、同様の背景色でWebサイトに表示され、完全に滑らかに表示されます。a)半透明領域(ピクセル単位)の範囲が狭いグラフィックスが最も効果的であり、b)これは、gifが表示される背景が、マットに対して選択した一貫した色の一部であることを要求することに注意してください。
この画像では:
この画像の赤と白のマットでエクスポートされた両方のgifを、異なる背景に対して表示します。これは、赤いマットが赤い背景にうまく溶け込む様子を示していますが、白いマットが黒い背景に対して乱れている様子も示しています。
不幸な状況にあり、完全なアンチエイリアス処理されたアルファを持つ元のファイルがない場合(つまり、8ビットのgifしかない場合)、このマットラスタリングを元に戻すのは面倒です-ピクセルごとに削除する必要があります。半透明のピクセルからマットカラーを作成し、より適切な設定でそれらを再エクスポートします。