PbTimes 情報誌

Loading Gif画像をカスタマイズできるサイトの紹介

2014/02/13

• Image
• Web

ローディング画像について

概要

ローディング画像とは、簡単に説明すると「読込中ですよ」と閲覧者に伝えるための画像です。
こんなのです↓↓↓

今回はこのような画像を簡単に生成できる、しかも自分好みにカスタマイズできちゃう便利なサイトを紹介します。

必要性

皆さんは読込に時間がかかるサイトを見ているとイライラしませんか？
私はとてもイライラしますw

私のPCが固まってるのか、正しくサイトにアクセスできていないのか、ネットワークが遅いのかなど考えてしまいますね。。。
Web業界では3秒ルールというものがあり、サイトの表示に3秒以上かかるとほとんどのユーザーが見るのを辞めてしまうんです。

しかし、どうしても3秒以上かかってしまう処理はありますよね？
そういった時に少しでもストレスを軽減するために、ローディング画像を表示して、「あなたのPCは固まってない」、「現在読込中だから時間がかかるんだよ」ということを知らせてあげるのです。

ファイルのアップロード時にプログレスバーを表示するのと同じようなことです。
プログレスバーの実装方法はこちら↓
PHP 読込やアップロード状況を確認するプログレスバーを実装

サイト一覧

Loader Generator

シンプルでとても簡単にGif画像が作れちゃいます。

Loader Generatorでは下記をカスタマイズできます。
- サイズ
- ラインの数
- 回転スピード
- ラインの色
- 背景色

Preloaders.net

こちらのサイトもシンプルで使いやすいですね～。
普通のローディング画像だけでなく、カメラや国旗マークもつくれちゃいます。

サイズ、色、背景色、スピードなどなど自由にカスタマイズできます。

Chimply

選択できるローディング画像の種類が豊富！
サイズ、色、背景色などがカスタマイズできます。

自分が作った画像を保存しておき、次回サイトにアクセスしたときにその画像を呼び出すこともできます。
さらに他の人が作ったものも見ることができます。

このサイトの表示にもローディング画像が使われてますね。