animation - 無地の背景にアニメーション化された透明なプリローダー画像

Question

コンテンツが読み込まれる前に Web サイトにプリローダーを表示したいのですが、背景が透明なアニメーションのプリローダー画像を選択すると、エッジがギザギザに見えます。画像を変更するにはどうすればよいですか、またはアニメーション GIF の背景を透明にする方法はありますか?

preloader.net のプリローダーを使用しています

Answer 1

最初の、おそらく最も簡単なオプションは、spin.jsを使用することです。「AJAX ローディング GIF の解像度に依存しない代替として使用できるスピン アクティビティ インジケーターを動的に作成します。」</p>

---

スクリプトがオプションではない場合、または別のスピナーが必要な場合は、使用するスピナーよりも大きいアンチエイリアスなしの .gif を作成し、html で縮小する必要があります。

エッジのない元のスピナー (アンチエイリアシングがないため、ピクセル化されたエッジがあります):

しかし、このスピナーを縮小すると見栄えがよくなります。

必ずご利用ください

img {
    -ms-interpolation-mode:bicubic;
}

古いIEでもきれいに見えるようにします。