SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Nov 2003
    Location
    Algarve
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    This image does take a while to load. That is the problem!!

    Hi all.
    I'm building a website and have it online under my own domain while I construct and test it.

    http://www.mikewhitehouse.co.uk/qv/
    The index.html has a redirect to one of two pages depending on the browser size. (I,m wearing the white t-shirt)

    Each page has a full size jpg image set as the background. This image does take a while to load. That is the problem!!

    I have saved the image as progressive (5 passes with Adobe photoshop) but still the image loads in one pass with too long a delay. I would appreciate your help and advice.

    Thanks in advance
    Mike

  2. #2
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You just need to make is smaller, 117KB is on the large side.

    You could try slicing it into different parts, like a checkered board, but it won't make the whole total time less.

    Also, your redirect page does not work. I had to use Ie to get past it. first time I just got a lot of white.

    Douglas
    Hello World

  3. #3
    SitePoint Author silver trophybronze trophy
    wwb_99's Avatar
    Join Date
    May 2003
    Location
    Washington, DC
    Posts
    10,653
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    I suspect the image is 300 DPI or so. Resample down to 72 DPI, as one cannot see more on the screen and it will save quite a bit on filesize.

    WWB

    EDIT:

    Actually checked. It is not 300 DPI, but I would save it with higher compression, and at the size you wish to show it in. 1015 pixels wide is a bit large.

  4. #4
    SitePoint Addict BenANFA's Avatar
    Join Date
    Apr 2003
    Location
    Bath, UK
    Posts
    353
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The DPI value of a jpeg has little use when that jpeg is displayed on a computer in a webpage. This value is used in printing however most jpegs on a webpage will display at 1 dot per pixel (which kind of makes sense).

  5. #5
    SitePoint Author silver trophybronze trophy
    wwb_99's Avatar
    Join Date
    May 2003
    Location
    Washington, DC
    Posts
    10,653
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    No good effect, but it can inflate file-size nastily . . .

    WWB

  6. #6
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by wwb_99
    No good effect, but it can inflate file-size nastily . . .
    How?

    If you put an image ina page like this, <img src="my.jpg" alt="mine" /> then regardless of what DPI you think it is, one pixel will be one dot of colour...

    Douglas
    Hello World

  7. #7
    SitePoint Author silver trophybronze trophy
    wwb_99's Avatar
    Join Date
    May 2003
    Location
    Washington, DC
    Posts
    10,653
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    One pixel will display as one dot. But if the file is saved at 300dpi it will download the 300dpi file. And, if you are saving 2.5 times the information (eg pixels) then your file will be quite a bit larger, no matter how it displays.

    WWB

  8. #8
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by wwb_99
    One pixel will display as one dot. But if the file is saved at 300dpi it will download the 300dpi file. And, if you are saving 2.5 times the information (eg pixels) then your file will be quite a bit larger, no matter how it displays.
    Will you agree then that what is important is the number of pixels, not the number of pixels per inch?

    If you disagree, would you argue against me if I said that a 100 pixel tall image saved at 300 dpi was the same size as a 100 pixel image saved at 1 dpi?

    Which is heavier: a ton of bricks or a ton of feathers?

    Later,
    Douglas
    Hello World


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •