Resizing images in HTML not looking good...

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

Jan 15, 2007
  1. Harsky
    OP

    Member Harsky Madmin

    Joined:
    Aug 2, 2004
    Messages:
    5,262
    Country:
    United Kingdom
    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

    Former Staff Sinkhead yay p1ngpong.

    Joined:
    Nov 22, 2006
    Messages:
    3,692
    Location:
    Across the pond
    Country:
    United Kingdom
    You could use PHP and an image library, but that's quite complicated

    - Sam
     
  3. Harsky
    OP

    Member Harsky Madmin

    Joined:
    Aug 2, 2004
    Messages:
    5,262
    Country:
    United Kingdom
    Yeah, I'm seriously still slow when it comes to learning HTML
     
  4. Sinkhead

    Former Staff Sinkhead yay p1ngpong.

    Joined:
    Nov 22, 2006
    Messages:
    3,692
    Location:
    Across the pond
    Country:
    United Kingdom
    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

    Member Harsky Madmin

    Joined:
    Aug 2, 2004
    Messages:
    5,262
    Country:
    United Kingdom
    Scripts? Run? *Head asplode*
     
  6. Veho

    Global Moderator Veho The man who cried "Ni".

    Joined:
    Apr 4, 2006
    Messages:
    8,440
    Location:
    Zagreb
    Country:
    Croatia
    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

    Former Staff Sinkhead yay p1ngpong.

    Joined:
    Nov 22, 2006
    Messages:
    3,692
    Location:
    Across the pond
    Country:
    United Kingdom
    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

    Newcomer trepid Member

    Joined:
    Oct 14, 2006
    Messages:
    19
    Country:
    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

    Member Samutz Wet Tissue Sample

    Joined:
    Oct 4, 2004
    Messages:
    1,598
    Location:
    See that hole in your wall?
    Country:
    United States
  10. jumpman17

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

    Joined:
    Apr 11, 2003
    Messages:
    8,972
    Country:
    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

    Member Issac Mini-mod

    Joined:
    Apr 10, 2004
    Messages:
    4,454
    Location:
    Sweden
    Country:
    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

    Member Harsky Madmin

    Joined:
    Aug 2, 2004
    Messages:
    5,262
    Country:
    United Kingdom
    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

    Member Issac Mini-mod

    Joined:
    Apr 10, 2004
    Messages:
    4,454
    Location:
    Sweden
    Country:
    Sweden
    [​IMG]

    May we see the results?
     

Share This Page