Как размыть изображение при загрузке? (Как это делает Facebook)

Question

Может кто-нибудь направить меня в сторону размытия изображения, пока загружается остальная часть? Это похоже на то, как будто Facebook загружает процент изображения, а затем размывает его, в то время как остальные загружают? если это имеет смысл ..? Заранее спасибо!

Answer 1

Скорее всего, потому что они используют прогрессивный JPEG или аналогичные форматы изображений.

Answer 2

Я предполагаю, что вы загружаете прогрессивный JPG (когда-то это был бы чересстрочный GIF). PNG также поддерживает чересстрочную опцию, если память служит.

В любом случае, Facebook сам по себе не делает ничего, кроме кодирования изображений в прогрессивном / чересстрочном формате. Ваш браузер позаботится о том, чтобы во время загрузки отображалась версия с более низким разрешением, а затем по окончании загрузки отображается более четкая версия.