Results 1 to 9 of 9
  1. #1
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Warrington, Cheshire, England
    Posts
    712
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Images in web pages

    Newbie here. Just got lumbered with looking after some web pages!
    One of the pages is very boring indeed - pure text reports on latest walking club walks. I want to put some photos in to brighten things up a bit, but the club committee 'has taken a decision' that the web pages must each be less than 20Kb so they load quickly.
    My first go was to put a thumbnail in the text and make it a link to the full size photo. This did not work because the page size then exceeded 20Kb. For attempt 2, I linked some text to make it open a new page with a photo on it; the page size is now still less than 20Kb.

    My understanding is that the 'download time hit' to load the photo only happens when the user clicks on the text link. The counter argument is that, with the links in place, the page cascades the photos in at the time the text page is loaded.

    Can a lounger tell me, please if method 2 will load the page in the same time as if it did not have the links to the photos? I hope the problem's clear and that I haven't confused people.
    TIA
    Silverback

  2. #2
    Super Moderator WebGenii's Avatar
    Join Date
    Jan 2001
    Location
    Redcliff, Alberta, Canada
    Posts
    4,066
    Thanks
    2
    Thanked 5 Times in 5 Posts

    Re: Images in web pages

    The counter argument is that, with the links in place, the page cascades the photos in at the time the text page is loaded.
    --------------------
    No, not so - you are correct.

    There are a couple of things you can do to optimize your photos for download.
    One is always to specify the dimensions of the photo in your code:
    (omitting the brackets) img src="myfile" height="100" width="100". This will speed up the apparent loading of the page, because otherwise the page has to wait until the photo is fully loaded to display any text, as the browser doesn't know how big the picture will be.
    If you resize any images, make sure you resample them. I don't know what graphics software you have - but most have a resampling option.

    Cheers
    [b]Catharine Richardson (WebGenii)
    WebGenii Home Page
    Moderator: Spreadsheets, Other MS Apps, Presentation Apps, Visual Basic for Apps, Windows Mobile

  3. #3
    Plutonium Lounger
    Join Date
    Oct 2001
    Location
    Lexington, Kentucky, USA
    Posts
    12,107
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Images in web pages

    I don't know if you can get any ideas from my pages, also an amateur, but take a look here. I have many pages of family pictures and I try to keep the HTML files at 20K or less. Feel free to grab a copy of the javascript code if you feel it might help you. My web host service is sometimes a tad slow, but the javascript code does incorporate Catharine's idea about specifying picture size.

  4. #4
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Images in web pages

    I agree completely with Catherine.

    I also have another thought. I understand the requirements imposed on you by the committee. However, I would argue that the 20KB limit was valid 3 or 4 years ago but is a bit low today. I try to keep all home pages (the default page for any site) under 50 or 60 KB. All other pages will depend on the type of content and the audience. Most users (even the ones with the very slowest dial-up connections) don't mind waiting a few extra seconds (within reason) for a page to load - especially if it's been optimized properly (as suggested by Catherine).

    Another thing to remember is that users may have to wait a few extra seconds the first time they hit the page, but after the images have been cached the page will load much faster on subsequent visits.

    I can see how the 20KB limit might be necessary if the majority of your audience uses dial-up. But I would suggest that the limit could be raised (doubled or tripled) in most circumstances. There's a tradeoff - aesthetic vs. sheer speed. For me, it's worth the wait for a visually pleasing site.

    Just my <img src=/S/2cents.gif border=0 alt=2cents width=15 height=15>

  5. #5
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Images in web pages

    When you say the page size, you mean all elements added together? Perhaps you can use thumbnails if you shrink them, e.g., the 5K user pictures here in the Lounge, or perhaps even a black-and-white version of the photo.

    Once upon a time, developers used an attribute of the IMG tag called LOWSRC (unofficial, but supported by Netscape and IE), which was a temporary graphic used to save time in the initial page load, after which the more detailed images were loaded "in the background." You could experiment with that, even just using a 1-pixel white GIF file as the LOWSRC file (but setting the HEIGHT and WIDTH attributes in the IMG tag to match the real picture). Not sure this would appeal to the club, either, but it's another option.

  6. #6
    Plutonium Lounger
    Join Date
    Oct 2001
    Location
    Lexington, Kentucky, USA
    Posts
    12,107
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Images in web pages

    <hr>... When you say the page size, you mean all elements added together... <hr>
    I don't want to take the thread off track, but a quickie question - is that wha's meant by a term I've heard occasionally called "page <big>weight</big>?"

  7. #7
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Images in web pages

    I haven't heard that one, but it's fun that <big>weight = wait</big> in this case. <img src=/S/grin.gif border=0 alt=grin width=15 height=15>

  8. #8
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Warrington, Cheshire, England
    Posts
    712
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Images in web pages

    Hello everyone
    I'm aware that I've not responded yet to your helpful replies. I am on holiday at the moment and will get back with a better reply when I have more time.
    So far I have managed to obtain a Javascript function to open a new, sized, window and display smaller photos.
    When the chairman has managed to upload the photos - some problem here and I can't help sort it out for the moment - I will post the URL and you can see what I - with your considerable help - have achieved.
    More soon.
    Thanks all
    Silverback

  9. #9
    5 Star Lounger
    Join Date
    Jan 2001
    Location
    Warrington, Cheshire, England
    Posts
    712
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Images in web pages

    Hello everyone
    As promised, an update. Things did not go well because we had enormous difficulty uploading the latest web pages and photos. This is the subject of another posting here
    Once the file names were converted to lower case and spaces removed, everything uploaded successfully and the site sprang into life. It won't win the website of the year award, but it suits our needs and provides interest for those members who could not, or chose not to, attend a walk. Anyone who would like to see the modest steps foward we have made can see them here on the walk reports page.
    I am, as usual, very grateful for the help given so freely by the loungers. Please accept the thanks of the club through me for making a big breakthrough in communications.
    <img src=/S/cheers.gif border=0 alt=cheers width=30 height=16>
    Silverback

Posting Permissions

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