3

I am working on website(winni.in), Which is based on Java, Html, Javascript. I want to implement render progressive image on page load. But i don't know much more idea about it. I have seen and read these links:

http://pooyak.com/p/progjpeg/ enter image description here

https://blog.codinghorror.com/progressive-image-rendering/

http://pooyak.com/p/progjpeg/

https://jmperezperez.com/medium-image-progressive-loading-placeholder/

I have read above links but i did not get how to implements progressive image concept. I am a front end developer, It is possible from front-end or back-end. I don't know. This concept also using by facebook.

Community
  • 1
  • 1
Varun Sharma
  • 4,632
  • 13
  • 49
  • 103
  • 1
    Never use java on the web. The support is very close to 0. – Bálint Oct 15 '16 at 07:44
  • I think, this is best on web still i am searching. But who need urgently then see link.(convert image into progressive image with ImageMagick).http://stackoverflow.com/questions/40127266/change-jpeg-into-progressive-jpeg-image – Varun Sharma Oct 20 '16 at 08:48

1 Answers1

1

You have to save/convert images as progressive images , you cas use photoshop or any other images processor for this, you need to check :'interlaced' and 'progressive' check box while saving image. Note: saving images as progressive may increase images size around 10%-20% .

Ashish Bhagat
  • 409
  • 3
  • 16