遅延読み込み用のぼやけた画像

Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。 画像の遅延読み込みはなかなか曲者で、読み込むタイミングやプレースホルダーとしている画像が悪いと大きくユーザーにストレスを与える。プレースホルダーでよく使われるローディング画像は読み込み中のインジケーターではあるが、同時に何か遅いことをやっていますというネガティブな印象も与えてしまう。ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じること

[neruty4]

遅延読み込み用のぼやけた画像 - Weblog - https://t.co/1Jf4094ZKQ

[alice_r]

preloader

[klim0824]

”元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示している”

[AmaiSaeta]

"単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示しているだけ" ！！！！

[efcl]

"単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示"

[kitokitoki]

画像,「元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせる」

[ksss9]

emailでのパスワード無しサインインといい、Mediumはいつも参考になる

[kzms2]

ステキ。こういうのはやって行きたい

[japanitnt]

遅延読み込み用のぼやけた画像 - Weblog - https://t.co/tag2tHb2zN:…

[kkeisuke]

“単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示しているだけ”

[d4-1977]

たしかに難しい

[knjname]

“単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示しているだけだが、十分に機能していそうで目から鱗だった。”

[yfnt]

遅延読み込み用のぼやけた画像 - Weblog - Hail2u.net

[lesamoureuses]

なるほど “ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じることもあるだろう”

[hisasann]

「単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示しているだけだが、十分に機能していそうで目から鱗だった。」