1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

how to make pictures load faster

Discussion in 'Software Development' started by rehia, Jun 28, 2003.

Thread Status:
Not open for further replies.
Advertisement
  1. rehia

    rehia Thread Starter

    Joined:
    Jun 14, 2003
    Messages:
    45
    Hi everyone,
    I have been working on this my site today I was at a friends and she has a older computer I think its serial # 0000003 anyway I looked up my site it took forever for the pictures to load in fact i would not waited if it wasn't my site is there anything I can do to make them load faster? thanks Rehia



    PS I'm giving Dave a break.:)
     
  2. brendandonhu

    brendandonhu

    Joined:
    Jul 8, 2002
    Messages:
    14,681
    Resize the images so they are only as big as you need them, and save them in a compressed format, such as jpeg.
    <a href="http://irfanview.com">IrfanView</a> can do this.
     
  3. rehia

    rehia Thread Starter

    Joined:
    Jun 14, 2003
    Messages:
    45
    Is that better than gif?
     
  4. brendandonhu

    brendandonhu

    Joined:
    Jul 8, 2002
    Messages:
    14,681
    Yes, its more compressed.
     
  5. rehia

    rehia Thread Starter

    Joined:
    Jun 14, 2003
    Messages:
    45
    ok so I down load IrfanVeiw and it will do what I need then.
    thanks for your help, Rehia

    Do they make a book to go with this thing?
     
  6. Corrosive

    Corrosive

    Joined:
    Jan 9, 2003
    Messages:
    1,058
    No, but I think there's documentation on the site which should help you. It's hardly a complex program though.
     
  7. EmXtrix

    EmXtrix

    Joined:
    Jun 16, 2003
    Messages:
    106
    Photoshop 7 has excellent optimization (I'm not aware if it's in the trial version or not). You can optimize for the web in a number of formats and reduce quality to a degree where you have a good balance between picture quality and file size.
     
  8. yul

    yul

    Joined:
    Feb 11, 2003
    Messages:
    714
    Another way u can make the image load faster on your web page is give its height and width

    eg:

    PHP:
    <img src="image_name.jpg" width="size px" height="size px">
    This way your browser fixes the size of the image and then fills it up.

    Try this out.
     
  9. brendandonhu

    brendandonhu

    Joined:
    Jul 8, 2002
    Messages:
    14,681
    Nope yul that does not change the loading time fo the image.
    Its not the size in pixels of the image-its the filesize. Changing the height/width of actual file reduces the filesize. Using HTML to make it look smaller does not.
     
  10. EmXtrix

    EmXtrix

    Joined:
    Jun 16, 2003
    Messages:
    106
    You can also try preloading the image OnLoad in the body tag, I think
     
  11. Corrosive

    Corrosive

    Joined:
    Jan 9, 2003
    Messages:
    1,058
    The latter won't really work, as the image still has to load, and it'll take the same length of time. It just loads at a very slightly different time.
     
  12. giskard

    giskard

    Joined:
    Jun 27, 2003
    Messages:
    127
  13. Fyzbo

    Fyzbo

    Joined:
    Feb 6, 2002
    Messages:
    1,683
    To optimize your load speed compress your images to either jpg or gif, and make them the exact size you need them. JPG and GIF compress images in different ways so work best for different images. Gif only allowes for 256 colors and compresses best for clipart(simple images with few colors), where as JPG works best for photos and more comples images. Also play with the quality of the images so that it is not at max, but still what you expect I preffer somewhere around 72 for photos. The last think you can do which is small but does help is to specify the size of your image within your HTML image tag. DO NOT specify a size different then the actual image size as this will force it to load slower, but if you put down the SAME size it will help the browser in processing the image and creating a page layout. For working with images I suggest photoshop in that it has a nice save for web feature which lets you preview the different qualities, file sizes and download speeds for each image format.
     
  14. rehia

    rehia Thread Starter

    Joined:
    Jun 14, 2003
    Messages:
    45
    thanks everone I know it has been a long delay I put them in jpeg,It made alot of difference thanks ever one tomorrow is the day,I get my final grade I will let ever one know. Rehia
     
  15. rehia

    rehia Thread Starter

    Joined:
    Jun 14, 2003
    Messages:
    45
    well its good news I received a 75 overall,I lost points for the music, same color though out,nothing flashing, He said in the middle my site was going to be different then I went and made it the same as 100,000 others. I told him my site is on line with servile search engines had advertising site meter basically the works and I was getting visitors already this did not change his mind so I past his class with ever ones help thanks ever one
    rehia
    (y)
     
  16. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/143016