png画像の周囲に影を透明に追加するにはどうすればよいですか？

Question

の透明度を持つpngにシャドウを追加したい

これは自動的にボックスシャドーを意味し、影は矩形で、画像の境界ボックスの周りにあります。

はまた、ドロップシャドウを試してみました：

-webkit-filter: drop-shadow(0px 0px 250px rgba(255, 255, 255, 0.4)); 
filter: drop-shadow(0px 0px 250px rgba(255, 255, 255, 0.4)); 

それは素晴らしい見えますが、特にクロムのパフォーマンスは、非常に遅いです。

私が知っている唯一の選択肢は、画像そのものに影を追加することですが、影は広がり（画像のサイズが大きいため）、圧縮するとひどく見えます。

その他のオプションはありますか？

Answer 1

現在、filterのプロパティは実験的なものと考えられているため、非常に高速であるとは思わないでしょう。私はそれがすべてのブラウザ（私はあなたに話している、Internet Explorer！）を越えて動作することを期待していないだろう。だから私は今、この種の機能を避けることをお勧めします。

あなたは何をすればよいですか？私の意見では、あなたの画像の様子に応じて2つの選択肢があります。

1）SVGイメージにして、ドロップシャドウを追加することができます。詳細については、this questionを参照してください。

2）また、pngファイルがSVGにとって複雑すぎる場合は、Photoshopやpaint.NETなどのツールを使用して、画像自体にドロップシャドウを追加することができます。