Progressive Image Loading Техника

Question

Когда я ищу изображение через Google Link to view это нагрузка размытия изображения первой затем загрузить высококачественное изображение постепенно, как изображение ниже

через некоторое время

, но, проверив это изображение, я нашел This Link, и, перейдя по этой ссылке, загрузите полное изображение или загруженное изображение рассматривается как top to d собственный просмотр, как показано ниже.

, как это случилось? какой метод Google используется для прогрессивной загрузки изображения. Как я могу загрузить изображение, как Google на моем сайте? можно использовать C#?

Answer 1

Мне кажется, что фактическая прогрессивная загрузка в Google Images отсутствует.

Когда вы нажимаете на миниатюру изображения, вы получаете быструю анимацию, «раскрывающую» изображение с полным разрешением. Во время анимации изображение, которое частично отображается, на самом деле представляет собой только миниатюру (размер 251x201), но масштабируется до разрешения большего изображения (1280X1024).

Способ сделать это апскейлинг в HTML должно быть что-то вроде этого:

<img src="thumbnail.jpg" width="251" height="201"> 

Полное разрешение изображения отображается, когда анимация завершена, заменив визуализируются миниатюру. В конце концов, это не постепенная загрузка.

Тем не менее, вы можете прочитать о Progressive JPEG: http://en.wikipedia.org/wiki/JPEG#JPEG_compression.