Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: not2easy
I have optimized the banner but it still indicates it will take 7 seconds to appear using a 56k modem.
I have the option to slice the images into pieces.
Does this actually speed up the download process? As the images put together still amount to the same size? so whats the point?
all though my image is complex all over, so I guess im stuck with the 7 second dowload time??
Its the main header, and on every page (not using frames) is there anyway at all of reducing the size further - as I see more complex header designs on sites which appear instantly on my browser. Its a jpeg and has been optimised using photoshop 6..
any ideas or tricks to reduce the overall size??
Did you use "Save for the Web" or just the standard Photoshop jpeg save? "Save for the Web" has much better compression algorithms for screen display, and it often can compress further and still look good.
This option really exports to ImageReady where you have more control, including the possibility of weighting the compression higher in one area of the image than in another area.
But slicing a graphic is generally best done (IMO) with very large images, to give the illusion of faster loading time. Since the individual "chunks" of the graphic will load fairly fast compared to the whole, seeing the pieces loading gives the site visitor the feeling that it's going faster than if they had to wait for the whole image to load at once. There really isn't a size saving.
(edited by: mivox at 9:08 pm (utc) on Feb. 25, 2002)
True, it can improve time to download that specific graphic... (assuming you have a faster internet connection than I have at home ;) ) But slicing doesn't reduce overall page or image size.
If you slice a 20K graphic into 10 pieces and reassmble it within a table, your page size will increase because of the extra code reuired to call all ten images and load the table... and the overall graphic size may also increase, even if you just add up the individual slice sizes.
Personally, for a page header, I generally do a header table with a logo graphic and navigation buttons/secondary images... and place them all in a colored table rather than having an actual graphic for the entire header bar. It's been a very long time since I used any graphics large enough to bother slicing them.
I have been 'using save for web' and the best I can get away with is saving it on 'medium' before the image looses all its quality.
Although I havent tried it as a GIF, I also didnt realise saving and linking it in the same directory would speed up times as it is in the cache, so thanx again for all your help
The ImageReady interface (which Save for the Web takes you to) lets you control the exact percentage, as well as the more general "medium" setting. Every single percentage point doesn't make a difference in the file size, but there are many precentages that fall within the "medium" range and you may be able to improve your results that way.
My target has been 40kb-50kb for several years. I still find that is the sweet spot.
Because the overweight page is so common today, the window for the bandwidth savvy website has been opened wider. I say, take advantage.