突然ですが、ローディングアイコンが欲しい時ってありますよね。
こういうの↓
これが、以下のサイトで無料でダウンロードすることができます。
しかもカスタマイズ可能。有難い。
Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator
Morethan1000freeandpremiumajaxloader(loadinganimatedGIF,SVGandAPNG)spinners,barsand3DanimationsgeneratorforAJAXandJQuery
icons8.com
ローディングアイコンを探す場合は「Circular (Spinners)」をクリックします。
次に、無料アイコンに絞り込みをします。
「Types」の一覧から「Free」にチェックを入れます。
ちなみに、画面右側にある「Animate all」をオンにすると、一覧のアイコンが実際に動いてくれるという親切設計です。
気に入ったアイコンが見つかったら、アイコンをクリックしましょう。
編集画面が出てきます。
ここで、アイコンのカスタマイズが可能です。
値を設定した後は「Generate」ボタンを押すことで、右側のアイコンに設定が反映されます。
「Image type」では、画像形式を選択できます。
今流行りのAPNGが選択できるのもポイント高い。
「Color」では色を変更できます。
「Transparent background」をオンにすれば、アイコンを透過画像にできます。
またアイコン上部には画像全体の背景を設定できる箇所があるのですが、ここも基本的に透過で良いでしょう。
「Animation speed」では、アニメーションのスピードが設定できます。
結構小刻みに設定できるのが有難いです。
あとは「Preloader size」でアイコンのサイズを変えたり、「Advanced options」でアニメーションの逆再生なんかも可能です。
アイコンが完成したら、「Download」ボタンで保存します。
ファー便利！！
