disecting images for faster loading time?

Discussion in 'HTML & Website Design' started by Edz, Nov 9, 2005.

  1. #1
    If i would chop up my images in a couple of pieces instead of one big picture would this be more helpfull in the loading time when loading a page in the browser?

    What would you do?
     
    Edz, Nov 9, 2005 IP
  2. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #2
    I don't see how it could help with load times - the browser still has to download all the pieces so overall page size is the same.
     
    minstrel, Nov 9, 2005 IP
  3. exam

    exam Peon

    Messages:
    2,434
    Likes Received:
    120
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Breaking a picture into multiple pieces will actually make it load *slower* because the browser will have to make multiple HTTP requests to the server, all which take time.
     
    exam, Nov 9, 2005 IP
  4. Edz

    Edz Peon

    Messages:
    1,690
    Likes Received:
    72
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks guys:cool:
     
    Edz, Nov 10, 2005 IP
  5. Edz

    Edz Peon

    Messages:
    1,690
    Likes Received:
    72
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Something i picked up...

    Point number two states it would help, this kind of confuses me:confused:

    Exam made a good logical post but now i see this article i don't know what to believe also i see it on firefox homepage that is G's page that holds smaller images instead of a whole image that could easily be done i guess.

    Would it still be better to slice things up?
    I would very much like to hear some feedback on this.
     
    Edz, Nov 11, 2005 IP
  6. Smyrl

    Smyrl Tomato Republic Staff

    Messages:
    13,740
    Likes Received:
    1,702
    Best Answers:
    78
    Trophy Points:
    510
    #6
    Do a test. Slice image and look at load time (FrontPage gives it) and compare to load time to non-sliced image. I too have read of image slicing but hav never tried.

    Shannon
     
    Smyrl, Nov 11, 2005 IP
  7. sachin410

    sachin410 Illustrious Member

    Messages:
    6,422
    Likes Received:
    573
    Best Answers:
    0
    Trophy Points:
    410
    #7
    Actually lot of people tell me that it helps to divide the images ... but I dont understand why...I am confused too...:p
     
    sachin410, Nov 11, 2005 IP
  8. Edz

    Edz Peon

    Messages:
    1,690
    Likes Received:
    72
    Best Answers:
    0
    Trophy Points:
    0
    #8
    :D Well like Smyrl said best to try it out and see what happens.

    I'll have to test it out and see if it has a faster loading time.
     
    Edz, Nov 11, 2005 IP
  9. LGRComp

    LGRComp Well-Known Member

    Messages:
    516
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    195
    #9
    It depends on the kind of image. Sometimes you can compress parts of an image more than others, without losing the quality. That means you can slice the image up and make the overall download time smaller. Before slicing up your image look at what it is, perhaps part of it can be compressed more than other parts of it, or if part of the image can be a .gif and other parts a .jpg and save a few kb's. Someone that knows more about how jpeg compression works and how gif files work would know more, but as a general rule, if slicing try to slice image parts that are similar to achieve better compression.
     
    LGRComp, Nov 11, 2005 IP
  10. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #10
    I think point #2 is from a series of suggestions to make your page more visitor-friendly. With the rare exception LGRcomp talks about, the main purpose would be to give your visitors the APPEARANCE of faster loading, with bits of a large image appearing as they are downloaded. It's much like having a "loading" guage on a Flash page - the visitor can see something changing and is more likely to stick around to wait for the rest.
     
    minstrel, Nov 11, 2005 IP
    sachin410 likes this.
  11. Smyrl

    Smyrl Tomato Republic Staff

    Messages:
    13,740
    Likes Received:
    1,702
    Best Answers:
    78
    Trophy Points:
    510
    #11
    You may be right about type of image. I took one 556 pixels wide and tried splitting. Was successful in nearly trippling load time as estimated by FrontPage. Shannon
     
    Smyrl, Nov 11, 2005 IP
  12. lorien1973

    lorien1973 Notable Member

    Messages:
    12,206
    Likes Received:
    601
    Best Answers:
    0
    Trophy Points:
    260
    #12
    I don't know if this affects download time, but depending on the cluster size of your hard drive, a 33k image could actually take up 48k of space. A 45k image would also take up 48k of space as well. Again, not sure if that affects download time or not, but I presume it would.

    I compress my images when i put them on site. If possible, I keep product images under 50k, unless quality is too degraded. I find that a between a 5 and 7 quality on a jpeg is more than sufficient most of the time.
     
    lorien1973, Nov 11, 2005 IP
  13. Smyrl

    Smyrl Tomato Republic Staff

    Messages:
    13,740
    Likes Received:
    1,702
    Best Answers:
    78
    Trophy Points:
    510
    #13
    I compress my images also and am not sure my test was valid for I did not compress my slices thinking original image was already compressed. I should start with an uncompressed image, check load time on it; then slice and compare load time.

    Shannon
     
    Smyrl, Nov 11, 2005 IP