How to compress image for website?

[ballu_md]

I want to know that how to compress image in php and js for upload on a server and minimize the time of client side loading.....

 

[CodeMonkeyJ]

Any image editor can resize and compress an image (MS Paint in Windows, Perview in OS X, a plethora on Linux). Start with the full size, switch the codec to PNG, and see if it's small enough. If it's not small enough, and the image will be displayed smaller, you can shrink or crop the image as needed. If that's still not small enough, I'd recommend creating a thumbnail and then using a JavaScript library to perform fullscreen-on-click type image interaction so they can load small thumbnails at first and only load the big stuff when they're going to use it; this is commonly done for photography or science data sites that have galleries that people click around.

 

[ballu_md]

Any image editor can resize and compress an image (MS Paint in Windows, Perview in OS X, a plethora on Linux). Start with the full size, switch the codec to PNG, and see if it's small enough. If it's not small enough, and the image will be displayed smaller, you can shrink or crop the image as needed. If that's still not small enough, I'd recommend creating a thumbnail and then using a JavaScript library to perform fullscreen-on-click type image interaction so they can load small thumbnails at first and only load the big stuff when they're going to use it; this is commonly done for photography or science data sites that have galleries that people click around.

Explain about thumblain and js library

 

[CodeMonkeyJ]

A thumbnail is just a small version of an image that's quick to load. A JavaScript library, such as PhotoSwipe, can allow a user to click an image and get a larger version, zoom, pan, etc.