Progressive Jpeg Question
- Started
- Last post
- 9 Responses
- JulienDonkeyBoy
Hi there,
I'm pretty much a newbie and was wondering what's better when I want to have lots of images on a website, I heard using progressive Jpegs is good for loading time, but looks very unprofessional?
I'm interested in making a functional site for school, but also it should look good, professional and sophisticated.
examples would work marvels too.
Cheers
- SteveJobs0
does anyone actually use progressive jpeg anymore? better yet, do many modern browsers even offer support for them? i'd recommend just std jpeg with a compression that produces acceptable output for your needs.
- welded0
I wouldn't say it particularly matters nor that one type is more 'professional' than the other. The potential advantage that progressive has is that the user will get a sense of what an image looks like before it's fully loaded so if you're worried about that, then go ahead and save as progressive JPG. It won't download any faster but maybe the initial 50% is meaningful enough for your audience.
That said, I'm fairly certain that most image editors save as baseline by default.
- fugged0
Make sure you use the type of compression that's appropriate for the image. Don't use JPG for line art. Line art and the likes will compress much better with PNG or GIF.
As for progressive JPG, it can actually add to the final file size (only about a 1K or so). I don't think it's more professional one way or the other.
- airey0
progressive jpegs were all the rage when we were using dialup but in general they aren't worth the bother.
it depends more on your projected audiences connection speeds than anything else.
personally i stick around the 80% (minimum) compression for most sites and that works well enough.
my 2 cents.
- JulienDonkeyBoy0
thank you very much guys, my main concern is the viewer seeing nothing when the page is loading, I'm using images 900x600px around 180kb, but when I have more than 20 of them on the same page/gallery it takes forever to load, so I thought progressive could give me that feel of having something there, then the wait would be a little less painful.
Most of the images are photos, but using png or giff for line art is a great tip, thanks.
- welded0
180k for jpgs that size seems high to me. Of course you are the one who can see them, but you may be able to compress them some more. 75 or 80 usually works fine.
- fugged0
One thing you might consider is doing a lazy loader.
Quick google turned up this plug-in for jQuery: http://www.appelsiini.net/projec… , or write your own.
- utopian0
Progressive JPGs are older than the "Chick of the Day" thread.
*Oh wait...
- must_dash0
80% is seems very high