Как сделать заглушку для картинки как в телеграм?

Question

[NubasLol]

Когда листаешь ленту, в нем сначала прогружается лищь очертание изображение, после его подгружается сама картинка. Но уже на этапе подгрузки видно очертания изображения.

Похожее нашел

https://blurha.sh/

Но там только цветовая схема сохраняется, в телег как-то получше это выглядит, и куда более качественный силуэт

Comments

[Дмитрий]

Как вариант сделать размытые thumbnail и в кэш положить

[NubasLol]

Дмитрий, это будет криво работать, там тоже канвас у телеги. Я еще пробовал с base64 играться, но слишком json разрастается + в базе все это хранить такое себе

[Антон Антон]

Как вариант преобразовывать картинки в прогрессивные jpeg и оставить остальное браузеру

[imko]

Лоурез превьюшки с цсс filter: blur()?

[NubasLol]

imko, тут нужно что бы она сразу в json приходила

[imko]

NubasLol, пускай приходит) предзагружай его