HTML coding where previews + full-size pic come from same graphic?

Discussion in 'Computer Support' started by fitwell, Feb 12, 2004.

  1. fitwell

    fitwell Guest

    I remember a few months back using that coding. What it did was
    re-size the original pic in the thumbnail. I'm using an angelfire
    free site with limited spacing which is already becoming a problem, if
    each ul graphic can serve as its own thumbnail, that would save me a
    lot of space (the site is for pure PSP grahics I create).

    Can anyone point me in the right direction, pls? I've done multiple
    google searches but since I'm obviously not using the right terms,
    nothing so far has come up.

    I stumbled upon that coding by mistake before. I wasn't looking for
    that and that's why I found it the first time!
     
    fitwell, Feb 12, 2004
    #1
    1. Advertising

  2. fitwell

    Harrison Guest

    On Thu, 12 Feb 2004 12:44:24 GMT, fitwell <> wrote:

    >I remember a few months back using that coding. What it did was
    >re-size the original pic in the thumbnail. I'm using an angelfire
    >free site with limited spacing which is already becoming a problem, if
    >each ul graphic can serve as its own thumbnail, that would save me a
    >lot of space (the site is for pure PSP grahics I create).
    >
    >Can anyone point me in the right direction, pls? I've done multiple
    >google searches but since I'm obviously not using the right terms,
    >nothing so far has come up.
    >
    >I stumbled upon that coding by mistake before. I wasn't looking for
    >that and that's why I found it the first time!


    <img src="myimage.jpg" width="100" height="137">

    Just an example. Set your width and height as desired and be sure to maintain the proper ratios.
     
    Harrison, Feb 12, 2004
    #2
    1. Advertising

  3. fitwell

    Tim Guest

    fitwell wrote:
    > I remember a few months back using that coding. What it did was
    > re-size the original pic in the thumbnail. I'm using an angelfire
    > free site with limited spacing which is already becoming a problem,

    if
    > each ul graphic can serve as its own thumbnail, that would save me

    a
    > lot of space (the site is for pure PSP grahics I create).


    Separate thumbnails are tiny and don't take up much space. But using
    the full size images to generate the thumbnails can make the page
    take a *very* long time to load. For instance, if you have 12 jpegs
    at 100k each, the thumbnail page will need to load all 1.2M, which on
    a dialup connection will take about 4 minutes... frankly, I'd give up
    before that and go elsewhere. A dozen, purpose built thumbnails will
    only take up about 50k and only take about 10 seconds to load. And
    having them only adds 4% to the size of your site.

    Tim
     
    Tim, Feb 12, 2004
    #3
  4. fitwell

    Richard Guest

    fitwell wrote:

    > I remember a few months back using that coding. What it did was
    > re-size the original pic in the thumbnail. I'm using an angelfire
    > free site with limited spacing which is already becoming a problem, if
    > each ul graphic can serve as its own thumbnail, that would save me a
    > lot of space (the site is for pure PSP grahics I create).


    > Can anyone point me in the right direction, pls? I've done multiple
    > google searches but since I'm obviously not using the right terms,
    > nothing so far has come up.


    > I stumbled upon that coding by mistake before. I wasn't looking for
    > that and that's why I found it the first time!


    You'll find using thumbnails is better in the long run.
    Just create the thumbs to a size like around 100 pixels in height or so.
    Even 60 pixels is good enough and only a few kb each.
    The page will load quicker and the user can pick which he wants to see the
    larger of without having to wait ages.
     
    Richard, Feb 12, 2004
    #4
  5. fitwell

    why? Guest

    On Thu, 12 Feb 2004 12:44:24 GMT, fitwell wrote:

    >I remember a few months back using that coding. What it did was
    >re-size the original pic in the thumbnail. I'm using an angelfire


    Don't resize pictures to thumbnails. If your pictures are a few 100KB
    the download size and speed of your page will be large and annoying.
    Most often a quick click on stop and leave the site.

    >free site with limited spacing which is already becoming a problem, if
    >each ul graphic can serve as its own thumbnail, that would save me a
    >lot of space (the site is for pure PSP grahics I create).


    Find an application that generates thumbnails with the links.

    Not free,
    http://www.filehouse.com/au2html/
    http://thumbnails.snowseed.com/

    free,
    http://www.fookes.com/ezthumbs/

    others, free and shareware
    http://www.tucows.com/thumbnail95_default.html

    >Can anyone point me in the right direction, pls? I've done multiple
    >google searches but since I'm obviously not using the right terms,
    >nothing so far has come up.
    >
    >I stumbled upon that coding by mistake before. I wasn't looking for
    >that and that's why I found it the first time!


    Maybe what you are thinking about is taking a normal size picture and
    forcing it to be squashed smaller on the display?

    <img src="imagefilename" height="50" width="50">

    Making this a link to the full size version

    <a href="imagefilename">
    <img src="imagefilename" height="50" width="50">
    </a>

    The problem hare is aspect ratio, you need to use an application to do a
    smart resize or you can calculate it manually.

    As mentioned about the filesizes, if the picture is 37KB 200x308 the
    squashed version is also 37KB. Whereas a TN version is 2KB 36x50.

    If you do this for 10 pictures at 37KB (370KB) that's a lot to load. The
    TNs are say 10 x 2KB (20KB) which is much nicer.

    Me
     
    why?, Feb 12, 2004
    #5
  6. fitwell wrote:

    > I remember a few months back using that coding. What it did was
    > re-size the original pic in the thumbnail. I'm using an angelfire
    > free site with limited spacing which is already becoming a problem, if
    > each ul graphic can serve as its own thumbnail, that would save me a
    > lot of space (the site is for pure PSP grahics I create).


    Don't. It may save you a *relatively small* amount of space (you still
    need the full-sized images, that that's where the the space is being
    taken up), but then visitors will have to download the whole mess (all
    of the BIG graphics) just to see the thunbnails. That will take FAR too
    long just to see some miniatures, and they'll go elsewhere.

    --
    Blinky Linux RU 4892F
    http://linuxnotjustforgeeks.org
    http://blinkynet.net
     
    Blinky the Shark, Feb 13, 2004
    #6
  7. fitwell

    fitwell Guest

    On Thu, 12 Feb 2004 12:44:24 GMT, fitwell <>
    wrote:

    >I remember a few months back using that coding. What it did was
    >re-size the original pic in the thumbnail. I'm using an angelfire
    >free site with limited spacing which is already becoming a problem, if
    >each ul graphic can serve as its own thumbnail, that would save me a
    >lot of space (the site is for pure PSP grahics I create).
    >
    >Can anyone point me in the right direction, pls? I've done multiple
    >google searches but since I'm obviously not using the right terms,
    >nothing so far has come up.
    >
    >I stumbled upon that coding by mistake before. I wasn't looking for
    >that and that's why I found it the first time!


    Thanks for the info. It's not a regular webpage, btw, just one to use
    with a yahoo group and it's loading the files also with the webshell
    that's the nuisance; also maintaining. At any given moment there
    won't be a whole lot of pix and only a handful of people a month will
    ever go. So, will still use the method I mentioned. Now just to find
    the coding as just resizing the main image isn't enough. There was
    more to the coding than that, I remember. Wish I'd kept that coding.
    <sigh>

    Thanks.
     
    fitwell, Feb 13, 2004
    #7
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Mr. Smiley

    Re: HTML Coding Problem

    Mr. Smiley, Aug 28, 2003, in forum: Computer Support
    Replies:
    1
    Views:
    493
    Bad Little Kyle
    Aug 28, 2003
  2. Rosco

    Re: HTML Coding Problem

    Rosco, Aug 29, 2003, in forum: Computer Support
    Replies:
    2
    Views:
    485
    Rosco
    Sep 4, 2003
  3. Simple HTML coding :)

    , Sep 27, 2005, in forum: Computer Support
    Replies:
    10
    Views:
    698
  4. Allan
    Replies:
    2
    Views:
    864
    Mutley
    Jan 7, 2006
  5. Gus
    Replies:
    4
    Views:
    416
    Mitch
    Apr 5, 2006
Loading...

Share This Page