1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Image File Sizes and Download Speeds

Discussion in 'Graphics & Multimedia' started by Masterful, Sep 4, 2009.

0
  1. #1
    The larger the file size of an image, the slower it will download.

    Keeping that in mind, I have a couple of questions . . .

    1) Does placing the image as a background image instead of embedding it using <img> make any difference on file size and download speed?

    2) Say I wanted to put borders running down both sides of my site's <body>. I could do this with a single, large background image, stretching all the way down the <body>. I can also simply take a horizontal slice of this image and repeat it downwards. Both methods will produce the exact same output. However, which one would take longer to download?
     
    Masterful, Sep 4, 2009 IP
  2. maneetpuri

    maneetpuri Active Member

    Messages:
    152
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    58
    #2
    Hi,

    1) Does placing the image as a background image instead of embedding it using <img> make any difference on file size and download speed?

    No, it does not make any difference.


    2) Say I wanted to put borders running down both sides of my site's <body>. I could do this with a single, large background image, stretching all the way down the <body>. I can also simply take a horizontal slice of this image and repeat it downwards. Both methods will produce the exact same output. However, which one would take longer to download?

    It's better you take a horizontal slice and repeat it downwards. It will take less time to download.

    Hope this helps,

    Cheers,

    Maneet Puri
     
    maneetpuri, Sep 5, 2009 IP
    Masterful likes this.
  3. Masterful

    Masterful Well-Known Member

    Messages:
    1,653
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    140
    #3
    One rep point for you. ;)
     
    Masterful, Sep 5, 2009 IP
  4. crowdadmin

    crowdadmin Guest

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    what about the different screen sizes, and resoutions the users would have. You can make it look right when viewed on maximized browser window at a 1260, but how would it look like for users at 1024 ot 1600?
     
    crowdadmin, Sep 14, 2009 IP
  5. jagged

    jagged Peon

    Messages:
    253
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Just make sure your background is geared for a wide range of resolutions. Center it and then if you do a horizontal slice make sure it is long enough for higher resolutions, if not then it will have to repeat which means lining up your background. Of course lower resolutions won't see the full background.
     
    jagged, Sep 16, 2009 IP