２段階表示では同じ画像の粗いものと高品位のものの２枚を用意します。
　最初に粗い（軽い）画像が表示されるのでだいたいどのような画像が表示されるかが先に把握できます。その後、高品位の画像が表示されます。
　これにより比較的早く、待つ価値のある画像かどうかを把握できるため、見る必要がないときには途中で次のページへ進むことができます。
　ただしなんといっても１枚＋α（粗い画像）の画像を読み込まなければなりませんので、現在ではインターレースＧＩＦやプログレッシブＪＰＥＧなどの方がよく利用されています。
　これらの画像は２段階イメージのような表示のしかたを１枚の画像でできるようにフォーマットされています。ファイルサイズも通常のＧＩＦやＪＰＥＧに比べてほんの少し大きい程度ですみます。
　私がＨＴＭＬを使い始めた時点（９６年頃）でも既にこの保存形式は存在していましたので学習以外でこの２段階表示を使ったことはありません。
　またあまりファイルサイズの小さい画像では使わないほうがいいでしょう。

　具体的な使用法をみていきましょう。
　
　例　＜ＩＭＧ　ＳＲＣ=”./link/hi_image.png" LOWSRC="./link/lw_image.jpg" width="311" height="302" alt="２段階イメージ表示の例"＞

　今回の例の場合、その表示される過程が重要なので、下のボタンを押して別ページの画像を呼び出すことによって確認してください。

　回線速度が速いとき、あるいは遅いときでも二回目以降の表示やオフライン環境でのブラウジングではテンポラリーファイルが保存されたことにより表示が速すぎて確認できないかもしれません。

※アップロードして実際に確認した後に気づいたのですが、この機能はＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ（ＩＥ）では使えません。

表示結果

今回の「表示結果」は上の「２段階イメージ表示例」でかえさせていただきます。

一口メモ

　

　「朝三暮四」という言葉があります。これは猿使いが多くの猿に朝に四つ、暮れに三つの木の実を与えようとしたら猿がもっと欲しいと騒ぎ始めたので、それでは朝三つ、暮れには四つにしようと提案すると猿達は手をたたいて喜んだというものです。
　これはある部分にこだわって結果が同じであることに気づかないことを揶揄した言葉ですが、実際には人間心理とは案外「朝三暮四」がおろそかにできないのです。
　２段階イメージ表示は表示される時間が早くなっている訳ではなく、むしろ正確に言うと粗い画像１枚分遅くなっています。しかし体感時間は確実に速くなっているといえます。
　やくざが人命救助をすると本当はいい人だと思われたり、警官や教師が少し悪いことをしただけで人間失格のようなレッテルを貼られたりするのも同じ感覚でしょう。　
　そして今後のビジネス社会ではあらゆるところで「朝三暮四」を笑うことなく、とにかく一度は試してみるくらいの柔軟な発想が必要でしょう。これがきっと「逆転の発想」といわれるものでしょう。