Right way to use large pictures

I have a slider on my site and I want to include some hi def pictures, but I'm worried about load time on my site. What is the best way to include pics with high res and size without bogging my site down? I've read about using png not interlaced or jpg not progressive, but am unsure of the best way to go.

Sparkster,

The best thing you can do is serve scaled images or in other words, images that don't have to be resized by the browser. Try and get the image down to the size it will be on screen before you upload it. Often you can save the clarity of the photo if you use the right software to manipulate it.

Also, it depends on how many images you have. That one image may take a little longer to load however if that is the only one you have on the site then it may have a marginal effect on overall performance.

Best,

Shawn

One thing: Responsive.js.

You can specify what image to load depending on what size the screen is. It's beautiful.

GoForJacob said:

One thing: Responsive.js.

You can specify what image to load depending on what size the screen is. It's beautiful.

Click to expand...

Is this the same as using a responsive WP theme?

GoForJacob said:

One thing: Responsive.js.

You can specify what image to load depending on what size the screen is. It's beautiful.

Click to expand...

Right, but that doesn't change the fact that the desktop version of the site is loading high-res images that are all probably 500kb+. I had a slider like that on one of my sites but decided to take it off due to slow load times. Unless you have a fast server to serve these images from I'd stay away.