Resizing images in HTML not looking good...

Discussion in 'General Off-Topic Chat' started by Harsky, Jan 15, 2007.

  1. Harsky
    OP

    Harsky Madmin

    Member
    5,309
    424
    Aug 2, 2004
    So I'm finally getting round to working with HTML but one of the thing I'm not sure about is resizing images so they appear as thumbnails but when you click on it, it turns into the full image.... that was what I thought would happen but trying to resize the image in html using the code results in the image being terrible compared to resizing the image manually in photoshop. Is there another solution? I don't like the idea of uploading 2 images (one full size and one thumbnail version) all the time.
     
  2. Sinkhead

    Sinkhead yay p1ngpong.

    Former Staff
    3,692
    0
    Nov 22, 2006
    Across the pond
    You could use PHP and an image library, but that's quite complicated

    - Sam
     
  3. Harsky
    OP

    Harsky Madmin

    Member
    5,309
    424
    Aug 2, 2004
    Yeah, I'm seriously still slow when it comes to learning HTML
     
  4. Sinkhead

    Sinkhead yay p1ngpong.

    Former Staff
    3,692
    0
    Nov 22, 2006
    Across the pond
    I might be able to help you... I could make a script where it would nicely resize all the images in the folder, for example it would turn a large picture.jpg file into a small picture_small.jpg when you ran the script.

    - Sam
     
  5. Harsky
    OP

    Harsky Madmin

    Member
    5,309
    424
    Aug 2, 2004
    Scripts? Run? *Head asplode*
     
  6. Veho

    Veho The man who cried "Ni".

    Former Staff
    8,765
    16,181
    Apr 4, 2006
    Croatia
    Zagreb
    Any image viewer can do that for you... ACDSee, Thumbs Plus, or the like. They have batch resize/rename options. Just select files, it resizes them, renames them, and saves them in a new folder. Handy when you're doing thumbnails for web pages.
     
  7. Sinkhead

    Sinkhead yay p1ngpong.

    Former Staff
    3,692
    0
    Nov 22, 2006
    Across the pond
    With the script, I would give you it and all you would have to do is upload it to the same folder as the images on your server then go to it's URL

    - Sam
     
  8. trepid

    trepid Member

    Newcomer
    19
    0
    Oct 14, 2006
    United States
    Look into the automate and scripts in photoshop I think the bridge program also can help, that way you can pick a couple folders, and click ok and get all you thumbnails. you can make record a set of actions and then just batch those onto a folder of images
     
  9. Samutz

    Samutz Wet Tissue Sample

    Member
    1,598
    2
    Oct 4, 2004
    United States
    See that hole in your wall?
  10. jumpman17

    jumpman17 He's a semi-aquatic egg laying mammal of action!

    Former Staff
    8,988
    173
    Apr 11, 2003
    United States
    A) Resizing in HTML does not resample the image therefore giving you the crappy looking thumbnail.
    B) Do that anyway still keeps the image size at the full 1MB or whatever it links to. That's a bad thing because you are having the user download the entire image before they even decide that they want it by clicking on it.
     
  11. Issac

    Issac oh!

    Global Moderator
    4,998
    1,763
    Apr 10, 2004
    Sweden
    NEVER resize an image in HTML.

    thats rule number one, when it comes to images on the internet...

    Maybe you think it sucks to manually do it in photoshop, for example... but it is the best way (or some automatic thing, there are several programs that can do that)...

    but NO html, like jumpman said: It keeps the filesize, and make it look crappy.
     
  12. Harsky
    OP

    Harsky Madmin

    Member
    5,309
    424
    Aug 2, 2004
    And so in the end, I figured I might as well manually resize the image myself in Photoshop. Saves filesize and the results looks so much better... thanks for the help GBAtemp
     
  13. Issac

    Issac oh!

    Global Moderator
    4,998
    1,763
    Apr 10, 2004
    Sweden
    [​IMG]

    May we see the results?