Cutting up an image to make it load easier?

Associate
Joined
20 May 2007
Posts
441
Hey everyone

I've seen websites that take an image and cut it up to make chunks of it load quicker.

Do you think this would be a good idea to apply on the image at the top of the page of this link http://www.gauntface.co.uk/sites/home.php ??

Just it takes a lil while to load up and was looking for ideas to increase the loading time, even if it is making it so the visitor waits the same amount of time but at least gets to see that something is gettin loaded.

Gaunt
 
For the record, splitting an image into many different images won't make the image as a whole load more quickly. If anything it'll slow it down due to the extra overhead.
 
Just compress the image using photoshop or something of the liking. You can change the compression to suite the size of the image you require.
 
still loading.... woah lol yeah slicing up an imaging my give the slight impression that its loading faster but overall would probably take longer, take some of the advice above and trying a differant image compression technique, Its been awhile since I worked on a website so you can probably get away with a larger file these days but going over 1 meg is atleast 8 times more than what it should be!
 
I find it hilarious that you're making a website about being a web designer and have an image over 1MB on your homepage.

Also your host seems terribly slow.
 
I always aim for images to be less than 30k. Of course sometimes its impossible.

Tidy looking site, like the colours, clean style look.

Lot of people think lots of smaller images will load faster, but for each image, a request has to be sent to display it, then sent back, if you have loads of these requests, adds to loading time.

I think the delays on your site are down to the host, who are you hosting with?
 
lol nice simple solution - I might of set GIMP to some stupid compression setting when I made it.

I understand that overall splitting the image would increase the overheads, it was jus more of the impression that it was loading faster would have been what I was going for, but no need now :p

The host is streamline.net, are they a bad host to use??

Thanks for the help guys

Gaunt
 
You can also set up a smaller quality blurred image to load first thats about half the file size. Cant remember how to do this but it givces the impression of faster loading while actually bieng only a little slower
 
You can also set up a smaller quality blurred image to load first thats about half the file size. Cant remember how to do this but it givces the impression of faster loading while actually bieng only a little slower

That'd be "lowsrc" then.

I'm not sure it's even supported anymore. You could probably just use a lower quality background image in an element instead.
 
Last edited:
Back
Top Bottom